Which example shows which prop
Every Root prop, mapped to the live example that exercises it on the homepage gallery.
| Prop | Example |
|---|---|
detents, activeDetent, onActiveDetentChange |
Snap heights, Ride tracker |
sequentialDetents, largestUndimmedDetent, onRelease, onOpenChangeComplete, themeColorDimming, closeThreshold |
Ride tracker |
actionsRef (open / close / snapTo) |
Ride tracker |
onTravel |
Ride tracker, the hero sheet |
modal |
Music player, Map search, Toast, Alert banner |
side |
Sidebar (left), Notifications (right), Alert banner (top) |
dismissible |
Cart and checkout, Non-dismissible confirm |
disableDrag |
Photo viewer |
handleOnly |
No handle (its inverse; handleOnly itself is covered in e2e) |
backgroundEffect |
Page transition recipe, see Page transitions |
scrollbar |
Comments |
open, defaultOpen, onOpenChange |
Toast, Alert banner, every controlled example |
nonce |
CSP note in Styling |
Page transitionsMark your page wrapper data-scrollsheet-background and backgroundEffect scales, insets, and rounds it in sync with the sheet's travel, iOS-style.
Stylingscrollsheet ships mechanics only; style the panel with a plain className like any other card.