Drawer
Drawer belongs to the Overlay category. Start with demos and usage, then use the API tables to finish integration and styling decisions.
Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.
Version history is grouped by release so you can quickly see what changed for this component across published versions.
2026-10-02
settle controlled snap points and remove first-open position flash
repair gesture release velocity, pinch leak and uncontrolled swipe-area open
re-measure the popup box when the viewport changes
keep the panel inside the viewport and its largest snap point
wire the fullscreen state to the panel
suspend snapping while the drawer is fullscreen
freeze the drag gesture while the drawer is fullscreen
keep the content height after leaving fullscreen
rename BottomSheet→Drawer, split Sheet, add swipe-dismiss & side variants
port Base UI gesture model and fix six interaction bugs
add Base UI model refactor plan and link from v0.50.0
record the iOS verification of the toolbar fix
add a form example covering the on-screen keyboard
sync the generated skill with the fullscreen contract
port Base UI drawer contracts to browser e2e and settle D4.3
wire the fullscreen state to the panel
suspend snapping while the drawer is fullscreen
freeze the drag gesture while the drawer is fullscreen
keep the content height after leaving fullscreen
sync the generated skill with the fullscreen contract
settle controlled snap points and remove first-open position flash
repair gesture release velocity, pinch leak and uncontrolled swipe-area open
re-measure the popup box when the viewport changes
keep the panel inside the viewport and its largest snap point
rename BottomSheet→Drawer, split Sheet, add swipe-dismiss & side variants
port Base UI gesture model and fix six interaction bugs
add Base UI model refactor plan and link from v0.50.0
record the iOS verification of the toolbar fix
add a form example covering the on-screen keyboard
port Base UI drawer contracts to browser e2e and settle D4.3
2026-08-31
wrap Dialog chrome as domain primitives
2026-05-12
simplify variant merging logic and remove unused slot
simplify variant assignment in computed property
2026-05-11
improve fadeFromIndex and snapPoints logic
2026-04-30
Implement BottomSheet component
2026-01-07
update drawer component structure and styling, replacing drawerContentVariants with drawerVariants for improved UI management
2025-11-18
add new bottom sheet component with size variants and default settings
introduce new drawer component with side and scroll variants, update dialog examples to use pure button variant
add scrollable functionality to drawer component and update related styles
update DialogClose class binding for closable state
update DialogClose slot name from closeIcon to close for consistency
add new bottom sheet component with size variants and default settings
add default prop for background scaling
introduce new drawer component with side and scroll variants, update dialog examples to use pure button variant
add scrollable functionality to drawer component and update related styles
update DialogClose class binding for closable state
update DialogClose slot name from closeIcon to close for consistency
add default prop for background scaling