Drawer
Panel that slides in from the screen side. Often used for forms or details.
Basic Usage
loading
Direction & Size
loading
Type
Customize header color via type:
loading
API
| Prop | Description | Type |
|---|---|---|
| modelValue | Whether visible | boolean |
| title | Title | string |
| type | Header color type | 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' |
| direction | Direction | 'ltr' | 'rtl' | 'ttb' | 'btt' |
| size | Size (width or height) | string | number |
| modal | Whether to show overlay | boolean |
| closeOnClickModal | Close on overlay click | boolean |
| showClose | Show close button | boolean |
| withHeader | Whether to show header | boolean |
Slots: default (content), header, footer.
Events: update:modelValue, open, close, opened.