mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-26 10:03:12 +00:00
35 lines
1.3 KiB
HTML
Executable File
35 lines
1.3 KiB
HTML
Executable File
<div class="example-container">
|
|
<form class="example-container" [formGroup]="options">
|
|
<mat-checkbox formControlName="hideRequired">Hide required marker</mat-checkbox>
|
|
<div>
|
|
<label>Float label: </label>
|
|
<mat-radio-group formControlName="floatLabel">
|
|
<mat-radio-button value="auto">Auto</mat-radio-button>
|
|
<mat-radio-button value="always">Always</mat-radio-button>
|
|
<mat-radio-button value="never">Never</mat-radio-button>
|
|
</mat-radio-group>
|
|
</div>
|
|
</form>
|
|
|
|
<mat-form-field
|
|
[hideRequiredMarker]="options.value.hideRequired"
|
|
[floatLabel]="options.value.floatLabel">
|
|
<input matInput placeholder="Simple placeholder" required>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field [floatLabel]="options.value.floatLabel">
|
|
<mat-label>Both a label and a placeholder</mat-label>
|
|
<input matInput placeholder="Simple placeholder">
|
|
</mat-form-field>
|
|
|
|
<mat-form-field
|
|
[hideRequiredMarker]="options.value.hideRequired"
|
|
[floatLabel]="options.value.floatLabel">
|
|
<mat-select required>
|
|
<mat-option>-- None --</mat-option>
|
|
<mat-option value="option">Option</mat-option>
|
|
</mat-select>
|
|
<mat-placeholder><mat-icon>favorite</mat-icon> <b> Fancy</b> <i> placeholder</i></mat-placeholder>
|
|
</mat-form-field>
|
|
</div>
|