Sheet
Edge-anchored dialog panel with optional body padding.
Choose Sheet for supporting work that benefits from an edge-mounted panel and more room than a popover. Use an unpadded navigation sheet when the navigation owns its edge spacing. Set `padding="none"` for this case.
Interactive example
Loading interactive example
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
children | Snippet | snippet | No | undefined |
closeLabel | string | prop | No | 'Close' |
description | string | prop | No | undefined |
dismissible | boolean | prop | No | true |
footer | Snippet | snippet | No | undefined |
open | boolean | binding | No | false |
padding | SheetPadding | prop | No | 'md' |
side | 'left' | 'right' | 'bottom' | prop | No | 'right' |
size | SheetSize | prop | No | 'md' |
title | string | prop | No | undefined |
Examples
Source
Loading source