Sheet

The Sheet component is a slide-out panel that can be positioned on any side of the screen. It's commonly used for displaying additional content, forms, or navigation menus.

Props

Name	Default	Type
`open`	`false`	`boolean` Controls the visibility of the sheet
`position`	`right`	`left` `right` `top` `bottom` Controls the position of the sheet
`size`	`398`	`number` `string` Sets the width of the sheet (for left/right) or height (for top/bottom)
`card`	-	`CardProps` Props to pass to the underlying Card component
`transition-name`	`sheet`	`string` `none` Allows you to change or disable the vue transition for the sheet appear.By default, a `fade` animation with direction depending on the placement is used.

Events

Name	Payload	Description
`close`	-	Emitted when the sheet is closed

Slots

Name	Props	Description
`default`	`{ close: () => void }`	The main content of the sheet
`header`	`{ close: () => void }`	The header content of the sheet
`footer`	`{ close: () => void }`	The footer content of the sheet