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.
Show codeHide code
Listboxes can have a material design style floating label using the labelFloat prop.
Show codeHide code
Listbox items can have a sublabel using the sublabel prop of the properties object.
Show codeHide code
Listbox items can have a media using the media prop of the properties object.
Show codeHide code
Listbox items can have an icon using the icon prop of the properties object.
Show codeHide code
Listboxes can be shown in a disabled state using the disabled prop.
Show codeHide code
Listboxes can be shown in a loading state using the loading prop.
Show codeHide code
Listboxes can be used to select multiple items using the multiple prop.
Show codeHide code
v-model@modifiers
`v-model="value"`
@modifiers
the value property of an object (as defined in properties.value) rather than the object itself `v-model.prop="value"`
Show exampleHide example
itemsShow exampleHide example
propertiesShow exampleHide example
sizeShow exampleHide example
iconShow exampleHide example
labelShow exampleHide example
shapeShow exampleHide example
errorShow exampleHide example
disabledShow exampleHide example
loadingShow exampleHide example
contrastShow exampleHide example
placeholderShow exampleHide example
multipleShow exampleHide example
selected-iconShow exampleHide example
multiple-labelShow exampleHide example
label-floatShow exampleHide example
#labelShow exampleHide example
#listbox-buttonShow exampleHide example
#listbox-itemShow exampleHide example
modelModifiers