font

color_theme

Desktop UI

Select

Preview

HTML

Option A

arrows

Option A

arrows

Option A

arrows

Option A

arrows

Option A

arrows

Chosen: a

Option A

arrows

Reset

arrow_down

Many items

arrows

API `<dui-select>`(source)

clear

This component is compatible with Angular Forms. You can use [(ngModel)] or formControlName with it.

@Input() disabled?: boolean

@Input() error?: boolean

@Input() placeholder?: string

@Input() required?: boolean

@Input() small?: boolean

Smaller text and height.

@Input() textured?: boolean

Different textured styled.

@Input() valid?: boolean

@Input() value?: T

@Output() disabledChange?: boolean

@Output() valueChange?: T

button: Signal<ButtonComponent | undefined>

dropdown: Signal<DropdownComponent>

element: ElementRef<HTMLElement>

isDisabled: boolean

isError: null | boolean

isValid: boolean

label: string

ngControl: NgControl

options: Signal<readonly OptionDirective[]>

optionsValueMap: Signal<Map<T | undefined, OptionDirective>>

open(): void

select(value: T): void

setValue(value: T): void

Set the value from UI code.

clear

Directive to create an option in the select dropdown.

@Input() disabled?: boolean

@Input() value?: any

dynamic: DynamicOptionDirective

Directive to create a separator in the select dropdown.