Drawer
Slide-in panel components styled with the Tinted Trays theme. Features smooth rounded corners and subtle cold shadows for a clinical, organized feel.
Basic Drawer
The default drawer slides in from the right with a tinted surface.
Direction Variants
Drawers can slide in from any edge of the screen.
Shopping Cart
A real-world shopping cart example with interactive items.
Contact Form
A contact form drawer with white surface for dense content.
Inverted Canvas
On a tinted canvas, use white surface drawers for clarity.
Quick actions
White surface drawer on tinted canvas.