55 lines
3.1 KiB
HTML
55 lines
3.1 KiB
HTML
|
<div class="grid p-fluid">
|
||
|
<div class="col">
|
||
|
<div class="card">
|
||
|
<h5>Invalid State</h5>
|
||
|
<div class="grid">
|
||
|
<div class="col-12 md:col-6">
|
||
|
<div class="p-field my-3">
|
||
|
<label for="inputtext">InputText</label>
|
||
|
<input type="text" id="inputtext" pInputText class="ng-invalid ng-dirty">
|
||
|
</div>
|
||
|
<div class="p-field my-3">
|
||
|
<label for="autocomplete">AutoComplete</label>
|
||
|
<p-autoComplete inputId="autocomplete" [(ngModel)]="value1" [suggestions]="filteredCountries" (completeMethod)="searchCountry($event)" field="name" class="ng-invalid ng-dirty"></p-autoComplete>
|
||
|
|
||
|
</div>
|
||
|
<div class="p-field my-3">
|
||
|
<label for="calendar">Calendar</label>
|
||
|
<p-calendar inputId="calendar" [(ngModel)]="value2" class="ng-invalid ng-dirty" [showIcon]="true"></p-calendar>
|
||
|
</div>
|
||
|
<div class="p-field my-3">
|
||
|
<label for="chips">Chips</label>
|
||
|
<p-chips inputId="chips" [(ngModel)]="value3" class="ng-invalid ng-dirty"></p-chips>
|
||
|
</div>
|
||
|
<div class="p-field my-3">
|
||
|
<label for="password">Password</label>
|
||
|
<p-password [(ngModel)]="value8" class="ng-invalid ng-dirty"></p-password>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="col-12 md:col-6">
|
||
|
<div class="p-field my-3">
|
||
|
<label for="inputmask">InputMask</label>
|
||
|
<p-inputMask inputId="inputmask" mask="99/99/9999" [(ngModel)]="value5" class="ng-invalid ng-dirty"></p-inputMask>
|
||
|
</div>
|
||
|
<div class="p-field my-3">
|
||
|
<label for="inputnumber">InputNumber</label>
|
||
|
<p-inputNumber inputId="inputnumber" [(ngModel)]="value6" class="ng-invalid ng-dirty"></p-inputNumber>
|
||
|
</div>
|
||
|
<div class="p-field my-3">
|
||
|
<label for="dropdown">Dropdown</label>
|
||
|
<p-dropdown inputId="dropdown" [autoDisplayFirst]="false" [options]="cities" [(ngModel)]="value9" optionLabel="name" class="ng-invalid ng-dirty"></p-dropdown>
|
||
|
</div>
|
||
|
<div class="p-field my-3">
|
||
|
<label for="multiselect">MultiSelect</label>
|
||
|
<p-multiSelect inputId="multiselect" [options]="cities" [(ngModel)]="value10" optionLabel="name" [filter]="false" class="ng-invalid ng-dirty"></p-multiSelect>
|
||
|
</div>
|
||
|
<div class="p-field my-3">
|
||
|
<label for="textarea">Textarea</label>
|
||
|
<textarea inputId="textarea" rows="3" cols="30" [(ngModel)]="value4" pInputTextarea class="ng-invalid ng-dirty"></textarea>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|