API
The Select is part of our form field.
import { BwcFormModule } from '@aviato/components/form';
Outlined appearance
To apply the outlined appearance on form fields there are some actions to be taken for the consumer. Just follow these steps one by one to get the desired result.
Step 1: Set the property isOutlined to true on the bwc-form-input-container component
<bwc-form-input-container [isOutlined]="true"></bwc-form-input-container>
Step 2a: For a simple input field, set the ng-content selector outline-content on the mat-form-field component.
<mat-form-field outline-content></mat-form-field>
Step 2b: In some cases the info-box is used as well. If that's the case then you need to wrap the content within ng-container and set the selector outline-content on the ng-container
Step 3:Last but not least. When you use mat-hint, replace it with <span translate-hint="">. And make sure this element is outside the element where you put the outline-content selector, but still within bwc-form-input-container.
BwcFormSelectComponent
selector:bwc-form-select
Properties
|
Name |
Description |
|---|---|
|
componentClass |
|
|
@Input() placeholder |
|
Examples
Select