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' — только через model, без автотриггера. |
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
<sw-dropdown class="custom-class" :max-width="250">
<sw-button label="Меню" type="primary" />
<template #dropdown>
<sw-dropdown-item>содержание / context</sw-dropdown-item>
</template>
</sw-dropdown>