Logotipo de Volt UI

Listbox

Lista accesible de selección simple o múltiple.

Uso

Vista previaCódigo
FrameworksAngularReactVue

Referencia de la API

VoltListboxHeader — volt-listbox-header

EntradaTipoPor defecto
class string ''
id string —

VoltListboxOption — volt-listbox-option

EntradaTipoPor defecto
id string —
value *T —
disabled boolean false
inset ListboxOptionVariants['inset'] false
class string ''

VoltListboxSection — volt-listbox-section

EntradaTipoPor defecto
class string ''

VoltListbox — volt-listbox

EntradaTipoPor defecto
class string ''
id string —
mode NgpSelectionMode 'single'
value T[] []
disabled boolean false
compareWith (a: T, b: T) => boolean (a, b) => a === b
SalidaTipo
valueChangeT[]

Variantes CVA

PropiedadOpcionesPor defecto
inset true | false —

Código del componente

Instalar por CLI:npx @voltui/cli add listbox
TypeScript
Cargando el editor…

Copia este código en tu proyecto. El componente usa ng-primitives/listbox.