Drawer
Панель, що висувається з краю екрана. Побудована на примітивах Dialog.
Використання
Довідник API
VoltDrawerClose — volt-drawer-close
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltDrawerContent — [voltDrawerContent]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| side | DrawerSide | 'right' |
| class | string | '' |
| role | unknown | — |
| modal | unknown | — |
VoltDrawerDescription — [voltDrawerDescription]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltDrawerOverlay — [voltDrawerOverlay]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
| closeOnClick | unknown | — |
VoltDrawerTitle — [voltDrawerTitle]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltDrawer — [voltDrawer]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| closeOnEscape | boolean | true |
| voltDrawer | unknown | — |
| Вихід | Тип |
|---|---|
| closed | unknown |
Код компонента
Встановити через CLI:
npx @voltui/cli add drawerTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/dialog.