Drawer
A bottom sheet with a grab handle, drag-to-dismiss, velocity flicks, optional snap points and a page that sinks back behind it.
Preview
Sat 14 – Sun 15 Jun
Weekend in Alvora
SaturdaySunday
- 10:30Riverside walkOld quay · 40 min
- 15:30Tile museumTickets in wallet
- 19:00Check inHotel Alvora · room 31
Tap the next stop or the share key
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open / defaultOpen | boolean | — / false | Controlled or uncontrolled open state (root). |
| onOpenChange | (open: boolean) => void | — | Called when the drawer opens or starts to close (root). |
| snapPoints | number[] | [1] | Root. Visible shares of the panel height to rest at, smallest first. |
| defaultSnap | number | 0 | Root. Index into snapPoints the drawer opens at. |
| container | HTMLElement | null | — | Root. Render inside this element instead of the viewport. |
| showHandle | boolean | true | Content. Draw the grab handle (a button with snap points, decorative otherwise). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.