Логотип Volt UI

Listbox

Доступний список з одиничним або множинним вибором.

Використання

ПереглядКод
FrameworksAngularReactVue

Довідник API

VoltListboxHeader — volt-listbox-header

ВхідТипЗа замовчуванням
class string ''
id string —

VoltListboxOption — volt-listbox-option

ВхідТипЗа замовчуванням
id string —
value *T —
disabled boolean false
inset ListboxOptionVariants['inset'] false
class string ''

VoltListboxSection — volt-listbox-section

ВхідТипЗа замовчуванням
class string ''

VoltListbox — volt-listbox

ВхідТипЗа замовчуванням
class string ''
id string —
mode NgpSelectionMode 'single'
value T[] []
disabled boolean false
compareWith (a: T, b: T) => boolean (a, b) => a === b
ВихідТип
valueChangeT[]

Варіанти CVA

ВластивістьЗначенняЗа замовчуванням
inset true | false —

Код компонента

Встановити через CLI:npx @voltui/cli add listbox
TypeScript
Завантаження редактора…

Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/listbox.