Skip to main content

Dropdown

Випадаючий список

Приклад

VUE

Передача опцій через слоти:

        <VstDropdown v-model="value" placement="bottom-left" title="Options">
<VstFormOption :label="'Test'" :value="'1'"></VstFormOption>
<VstFormOption :label="'Test1'" :value="'2'"></VstFormOption>
</VstDropdown>

Передача опцій через пропс:

    <VstDropdown :option-list="optionList" />

Handlebars

{{{_vue "vst-dropdown"}}}

Component Props

PropRequiredDescription
titleYesButton title.
placementNoModal opening placement. Default: bottom-right. Examples: right, right-top , right-bottom
optionsNoОпції для меню можна передавати як через слоти, так і через цей пропс. Якщо цей пропс буже вказаний, то слоти будуть ігноруватися. Масив об'єктів, які мають обов'язково мати label, також можуть мати command, якщо компонент повинен працювати з v-model, тоді command буде емітитися наверх. Крім цього, також кожен об'єкт може мати icon (потрібно передати іконку з бібліотеки tabler) та disabled (опція меню стане неактивною).