Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA settings bottom sheet that drills from a list into detail pages with a Back button, focus on each page's heading and Escape stepping back before closing the sheet. Use this when a phone settings menu has a second level, such as Notifications then Email, that should stay inside one sheet.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when a phone settings menu has a second level, such as Notifications then Email, that should stay inside one sheet.
Do not use it for deep hierarchies (use routes) or for one level of settings.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | The trigger. |
The pattern ships with a Testing Library test (settings-drill-down-sheet.test.tsx) that drives it through roles and the keyboard.