composition9 tokens5 stories
Drawer
Side-anchored slide-in panel for supplemental content or secondary navigation
Stories
Tokens
Design decisions specific to Drawer — the values that control its appearance across all theme axes.
TokenTypeReferenceValueUsed by
--drawer-close-sizedimension
{size.icon-interactive}28px
Drawer
--drawer-max-width-smdimension
320px320px
Drawer
--drawer-max-width-mddimension
480px480px
Drawer
--drawer-max-width-lgdimension
640px640px
Drawer
--drawer-max-height-smdimension
40vh40vh
Drawer
--drawer-max-height-mddimension
90vh90vh
Drawer
--drawer-max-height-lgdimension
75vh75vh
Drawer
--drawer-max-height-fulldimension
100vh100vh
Drawer
--drawer-close-align-offsetdimension
2px2px
Drawer