Appearance
OverlayDrawer
A panel that comes from any edge of the screen, or a bottom sheet.
ts
import { OverlayDrawer } from '@zairakai/vue-components/Overlay'Usage
vue
<OverlayDrawer />Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | ||
class | string | ||
modelValue | boolean | undefined | |
queryParam | string | ||
title | string | ||
placement | string | 'right' | The edge it slides from. "bottom" is a bottom sheet. |
closedby | string | 'any' | |
closeLabel | string | 'Close' |
Events
| Name | Description |
|---|---|
update:modelValue | |
open | |
close | |
cancel |
Slots
| Name | Description |
|---|---|
default | |
header | |
footer |
See Theming for the class hooks and the data-* state of the components.