SwDropdown
Компонент SwDropdown это всплывающее меню с возможностью настройки места относительного всплытия и типа Триггера.
Свойства / Properties
| Имя | Тип | По умолчанию | Значения/Описание |
|---|---|---|---|
class | String | sw-dropdown | Добавляет пользовательский CSS-класс к компоненту. |
size | String | `` | Размер поля: 'large', 'small'. |
type | String | info | 'primary', 'success', 'info', 'warning', 'danger'. |
trigger | String | click | 'click', 'hover', 'context','none'. |
placement | String | bottom-left | Относительное место всплытия 'bottom-left', 'bottom', 'bottom-right', 'top-left', 'top', 'top-right', 'left', 'right'. |
maxWidth | Number | 0 | Максимальная ширина меню в пикселях. 0 - без ограничений. |
Слоты / Slots
Default - текст описания или модуль / модули #dropdown - контент всплывающего окна
Модель / Model
model - состояние меню, булевое значение открыто - true
Пример использования / Example Usage
<script>let visual = false </script>
<sw-dropdown
class="custom-class"
trigger="none"
v-model="visual"
maxWidth="250"
>
<sw-button @click="visual = true">Описание / Description</sw-button>
<template #dropdown>
<sw-dropdown-item> содержание / context </sw-dropdown-item>
</template>
</sw-dropdown>