Drawer
A panel that slides in from the edge of the screen. Built on top of Dialog primitives.
Usage
API Reference
VoltDrawerClose — volt-drawer-close
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltDrawerContent — [voltDrawerContent]
| Input | Type | Default |
|---|---|---|
| side | DrawerSide | 'right' |
| class | string | '' |
| role | unknown | — |
| modal | unknown | — |
VoltDrawerDescription — [voltDrawerDescription]
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltDrawerOverlay — [voltDrawerOverlay]
| Input | Type | Default |
|---|---|---|
| class | string | '' |
| closeOnClick | unknown | — |
VoltDrawerTitle — [voltDrawerTitle]
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltDrawer — [voltDrawer]
| Input | Type | Default |
|---|---|---|
| closeOnEscape | boolean | true |
| voltDrawer | unknown | — |
| Output | Type |
|---|---|
| closed | unknown |
Component Source
Install via CLI:
npx @voltui/cli add drawerTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/dialog.