Drawer Bottom 5 - Nested bottom drawers

Pro

Stacked bottom drawers opening a second sheet from the first.

Shadcn Drawer Bottom 5 component

Component Data

  • ID:drawer/drawer-bottom-5
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Drawer Bottom 5 component design & features

This example opens a secondary bottom drawer from content inside the first drawer. Each layer keeps DrawerHeader and close affordances so users can drill into detail and dismiss one level at a time.

Nested drawers model multi-step mobile flows such as pick category then pick item. Use sparingly and always provide back or close so users do not lose context in deep stacks.