KQ-028 · BOTTOM/SHEET
Bottom Sheet
It snaps where your gesture was going — velocity-projected releases settle on the nearest snap point in the gesture's direction, with rubber-band overdrag.
KQ-028 · BOTTOM/SHEET
Sector map · K2
Nearby benches
Drag · fling · arrow keys on the handle
- North annex bench120 m · FREE
- Optics rig B240 m · FREE
- Vibration table310 m · BUSY
- Clean cell 2460 m · FREE
- Materials bay610 m · BUSY
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/bottom-sheet
Props
- snapPoints / initialSnap / onSnapChange
- number[] / number / (index) => void
- default [0.4, 0.9] / 0
- Resting heights as viewport fractions; every settle reports its index.
- open / defaultOpen / onOpenChange
- boolean / boolean / (open) => void
- default —
- Controlled or uncontrolled visibility.
- dismissible / portal
- boolean
- default true / true
- Projecting past the lowest snap dismisses; portal measures the visual viewport.
- Handle
- compound part
- default —
- The grab pill is a real button — arrows step snaps, Home/End jump, each step announces.
| Prop | Type | Default | Description |
|---|---|---|---|
| snapPoints / initialSnap / onSnapChange | number[] / number / (index) => void | [0.4, 0.9] / 0 | Resting heights as viewport fractions; every settle reports its index. |
| open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — | Controlled or uncontrolled visibility. |
| dismissible / portal | boolean | true / true | Projecting past the lowest snap dismisses; portal measures the visual viewport. |
| Handle | compound part | — | The grab pill is a real button — arrows step snaps, Home/End jump, each step announces. |