Select KIT

Examples API Setup
-
Name and descriptionTypeValue
ItemsHandlersApplied as a host directive
[stringify] A function that transforms datalist's items into a string. String(value) by default.

Must be a pure function!

TuiStringHandler x=>x.name
[identityMatcher] Function that matches form control value and datalist's items, e.g. if objects are copied. Uses === by default.

Must be a pure function!

TuiIdentityMatcher (controlValue,item)=>controlValue.id===item.id
[disabledItemHandler]
A handler that gets a datalist's items and returns true if it is disabled.

Must be a pure function!

TuiBooleanHandler ()=>!1
TextfieldOptionsApplied as a host directive
[tuiTextfieldCleaner] Shows a cross to reset a value boolean
[tuiTextfieldSize] Size

Don't use label[tuiLabel] inside s - size <tui-textfield /> !
Use outside label or <input placeholder="..." /> instead.

TuiSizeS  |  TuiSizeL 'l'
[content] A template for custom view of textfield value. PolymorpheusContent ''
DropdownApplied as a host directive
[(open)] Manual control/monitor for the dropdown being visible boolean
[tuiDropdownAlign] Align of dropdown (does not work together with limitWidth === 'fixed' ) tuiDropdownAlign 'left'
[tuiDropdownDirection] Set a vertical direction of dropdown TuiVerticalDirection  |  null
[tuiDropdownLimitWidth] Limit width of dropdown TuiDropdownWidth 'fixed'
[tuiDropdownMinHeight] Minimum height to calculate that dropdown fits to set tuiDropdownDirection number
[tuiDropdownMaxHeight] Maximum height of dropdown number
[tuiDropdownOffset] Dropdown offset number
(tuiDropdownDirectionChange) Dropdown direction change TuiVerticalDirection
ControlApplied as a host directive
[readOnly] Readonly state boolean
[disabled] Disabled state (use formControl.disable()/.enable() for reactive forms) boolean
[invalid] Invalid state null  |  boolean