Bottom Sheet

tetra-ui/bottom-sheet

FreeComponent

Interactive bottom sheet built on Expo UI with native snap points, gestures, and keyboard support.

Live preview

live · rendered by the registry

Rendered by tetra-ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://tetra-ui.com/r/bottom-sheet.json

Source

ui/bottom-sheet/bottom-sheet.tsxtetra-ui.com/r/bottom-sheet.json

1import type { BottomSheetContentProps, BottomSheetFooterProps } from "./types";
2 
3export const BottomSheetContent = (_: BottomSheetContentProps) => {
4  return null;
5};
6 
7export const BottomSheetFooter = (_: BottomSheetFooterProps) => {
8  return null;
9};

What it pulls in

npm packages

@expo/ui
react-native-reanimated
react-native-keyboard-controller
react-native-safe-area-context

Other registry items

@tetra-ui/button
@tetra-ui/icons
@tetra-ui/slot

Files it writes

ui/bottom-sheet/index.ts
ui/bottom-sheet/types.ts
ui/bottom-sheet/bottom-sheet-context.ts
ui/bottom-sheet/bottom-sheet-common.tsx
ui/bottom-sheet/bottom-sheet.tsx
ui/bottom-sheet/bottom-sheet.ios.tsx
ui/bottom-sheet/bottom-sheet.android.tsx

More from tetra-ui

All 41 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	tetra-ui	Components	Free	1 dep
Action Inputaction-input	tetra-ui	Components	Free	no deps
Alertalert	tetra-ui	Components	Free	no deps
Avataravatar	tetra-ui	Components	Free	no deps
Badgebadge	tetra-ui	Components	Free	no deps
Buttonbutton	tetra-ui	Components	Free	no deps
Cardcard	tetra-ui	Components	Free	no deps
Checkboxcheckbox	tetra-ui	Components	Free	1 dep