Summary
Sheet has been migrated to Base UI and renamed to Drawer (@base-ui/react/drawer). Some improvements from the original issue still remain.
Completed
Accept ref as a prop on SheetHeader — All sub-components (DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter) use forwardRef
Expose modal prop — Available via Base UI Drawer primitives
API migration — Fully migrated from Radix Dialog to Base UI Drawer
Remaining Improvements
1. Accept ref as a prop on DrawerHeader
DrawerHeader is still a plain functional component that does not forward refs, unlike all other Drawer sub-components.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
Files
packages/raystack/components/drawer/
Summary
Sheet has been migrated to Base UI and renamed to Drawer (
@base-ui/react/drawer). Some improvements from the original issue still remain.Completed
Accept— All sub-components (refas a prop on SheetHeaderDrawerTitle,DrawerDescription,DrawerBody,DrawerFooter) useforwardRefExpose— Available via Base UI Drawer primitivesmodalpropAPI migration— Fully migrated from Radix Dialog to Base UI DrawerRemaining Improvements
1. Accept
refas a prop on DrawerHeaderDrawerHeaderis still a plain functional component that does not forward refs, unlike all other Drawer sub-components.Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
Files
packages/raystack/components/drawer/