Basic Usage
Show editable code example
Any Paragon component or export may be added to the code example.
Props API#
Sheet Props API
- blocking
bool
Defaultfalsespecifies whether the sheet provides a click-blocking scrim
- children
node
an element rendered inside the sheet
- position
enum
'left' | 'right' | 'top' | 'bottom'Default'bottom'a string designating the sheet's position on the window
- show
bool
DefaulttrueBoolean used to control whether the Sheet shows.
- onClose
func
Default() => {}Specifies function that controls
show
value. - variant
enum
'light' | 'dark'Default'light'a string designating which version of the sheet to show (light vs dark)
Usage Insights#
Sheet
Project Name | Paragon Version | Instance Count | |
---|---|---|---|
frontend-app-course-authoring | 22.8.1 | 2 | |
frontend-app-learner-dashboard | 22.8.1 | 1 |