Drawer
Un panel que se desliza desde el borde de la pantalla. Construido sobre las primitivas de Dialog.
Uso
Referencia de la API
VoltDrawerClose — volt-drawer-close
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltDrawerContent — [voltDrawerContent]
| Entrada | Tipo | Por defecto |
|---|---|---|
| side | DrawerSide | 'right' |
| class | string | '' |
| role | unknown | — |
| modal | unknown | — |
VoltDrawerDescription — [voltDrawerDescription]
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltDrawerOverlay — [voltDrawerOverlay]
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
| closeOnClick | unknown | — |
VoltDrawerTitle — [voltDrawerTitle]
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltDrawer — [voltDrawer]
| Entrada | Tipo | Por defecto |
|---|---|---|
| closeOnEscape | boolean | true |
| voltDrawer | unknown | — |
| Salida | Tipo |
|---|---|
| closed | unknown |
Código del componente
Instalar por CLI:
npx @voltui/cli add drawerTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/dialog.