KikitaUiDocs

Role

multipleDisplay

placeholder

maxVisibleChips

State

multipledisabledreadonlyclearable

<kui-field label="Role">
  <input kuiSelect [(value)]="role" placeholder="Select a role..." />
  <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>

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.
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; falls back to provider options.
touch	`output`	—	Emitted after an opened dropdown closes for Signal Forms support.

Inputs and outputs verified against @kikita-labs/ui v1.6.1 public typings.

Select — Playground