Select KIT

Dark mode Background

Name and description	Type	Value
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`

Taiga UI