Sheet
Extends the Dialog component to display content that complements the main content of the screen.
Source code
Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.
Installation
Usage
Right side sheet (default)
Left side sheet
Bottom sheet
Top sheet
No blur overlay
Floating variant
Interactive playground
Configure Sheet
Use the controls below to customize the sheet's behavior.
Fullscreen control
Configure Sheet
Use the controls below to customize the sheet's behavior.