Listbox shape

The listbox is a component that renders a list of items. It can be used to render a list of text, media or complex objects. The default shape is rounded.

Default shape of all <BaseListbox> can be set in your .app/app.config.ts.
Show code

Floating labels

Listboxes can have a material design style floating label using the labelFloat prop.

Show code

Listbox items can have a sublabel using the sublabel prop of the properties object.

Show code

Listbox with media

Listbox items can have a media using the media prop of the properties object.

Show code

Listbox with icon

Listbox items can have an icon using the icon prop of the properties object.

Show code

Disabled state

Listboxes can be shown in a disabled state using the disabled prop.

Show code

Loading state

Listboxes can be shown in a loading state using the loading prop.

Show code

Multiple selection

Listboxes can be used to select multiple items using the multiple prop.

Show code
This component has no props