font

color_theme

Desktop UI

List

Preview

HTML

Form controls

Button

Button Group

Window

Toolbar

Sidebar

Buttons & Indicators

Checkbox

Radiobox

Select

Selected dui-list-item: button

API `<dui-list>`(source)

clear

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

@Input() delimiterLine?: boolean

@Input() disabled?: boolean

@Input() error?: boolean

@Input() focusable?: boolean

@Input() required?: boolean

@Input() valid?: boolean

@Input() value?: any

@Input() white?: boolean

@Output() disabledChange?: boolean

@Output() valueChange?: any

id: number

isDisabled: boolean

isError: null | boolean

isValid: boolean

ngControl: NgControl

deregister(item: ListItemComponent): void

getSelectedItem(): ListItemComponent | undefined

register(item: ListItemComponent): void

setValue(value: any): void

Set the value from UI code.

clear

Interactive item for a list. Supports router links, selection and more.

@Input() active?: boolean

@Input() position?: number

When position is dynamic, it might be handy to define the position explicitly to make arrow-up/arrow-down navigation possible.

@Input() value?: any

@Output() onSelect?: any

id: number

isSelected(): boolean

select(): Promise<void>

Non-interactive title item for a list.