KikitaUiDocs

Role

<kui-field label="Role">
  <input kuiSelect [(value)]="role" placeholder="Select a role..." (touch)="onTouch()" />
  <kui-dropdown>
    <div kuiOption value="engineer">Software Engineer</div>
    <div kuiOption value="designer">Designer</div>
    <div kuiOption value="manager">Product Manager</div>
  </kui-dropdown>
</kui-field>

No events yet.

Name	Type	Default	Description
value	`T \| readonly T[] \| null`	—	Selected value. In multiple mode this is an array.
disabled	`boolean`	—	Disables the native input and prevents opening the dropdown.
readonly	`boolean`	—	Prevents opening the dropdown while keeping the field visually enabled.
invalid	`boolean`	—	Validation state set by Signal Forms or direct input binding.
errors	`ValidationError[]`	—	Validation errors consumed by kui-field for automatic error text.
touched	`boolean`	—	Touched state set by Signal Forms.
id	`string`	—	Explicit id override. Inside kui-field, the field id is used when omitted.
multiple	`boolean`	—	Enables array values and keeps the dropdown open on option selection.
maxVisibleChips	`number \| undefined`	—	Maximum selected chips shown before collapsed +N overflow. Falls back to defaults.select.maxVisibleChips, then 3.
multipleDisplay	`'chips' \| 'text'`	—	Renders multiple selections as field chips or plain joined text.
multipleTextFn	`(items: readonly T[]) => string`	—	Formats native input text when multipleDisplay is text.
kuiLabelFn	`(item: T) => string`	—	Maps selected object values to display text.
placeholder	`string`	—	Placeholder on the readonly input.
clearable	`boolean \| undefined`	—	Shows a clear button when a value is selected. Resolved as local input, defaults.select.clearable, defaults.field.clearable, then false.
touch	`output`	—	Emitted after an opened dropdown closes for Signal Forms support.
ng-template[kuiSelectValue]	`context: { $implicit: T; label: string; remove: () => void }`	`-`	Replaces the default chip for each visible selected item in multiple mode. Call remove from a native button to make the item removable.
KuiSelectOptions	`interface`	`-`	Shape of defaults.select: clearable, multipleDisplay, maxVisibleChips, chevronIcon and clearIcon.

Inputs and outputs verified against @kikita-labs/ui v2.0.0 public typings.

Select — Playground