Back to docs
Component
Bottom Sheet Handle
Handle bar and snap utility for bottom-sheet surfaces.
Install
npx shadcn@latest add @native-bits/bottom-sheet-handleDependencies
react-native-reanimatedreact-native-gesture-handler
surfacesgesturemobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| snapPoints | number[] | - | Supported snap fractions |
| onSnap | (index: number) => void | - | Snap callback |
| initialIndex | number | 0 | Initial snap index |
Usage
```tsx
import { bottom-sheet-handle } from '@/components/native-bits/bottom-sheet-handle'
<BottomSheetHandle snapPoints={[0.25, 0.6, 0.92]} onSnap={setSnapIndex} />
```Source code
Loading...