# Bottom sheet

A sheet that rests at a peek or full height and follows your finger.

- ID: `bottom-sheet`
- Import: `animui/bottom-sheet`
- Category: Disclosure
- Runtime exports: `BottomSheet`, `BottomSheetClose`, `default`
- Declaration: `types/free/components/bottom-sheet.d.ts`
- Type provenance: emitted-original-typescript
- Related: drawer, dialog, popover

```tsx
import { BottomSheet } from 'animui/bottom-sheet';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info bottom-sheet` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { BottomSheet, BottomSheetClose, default } from '../registry/components/bottom-sheet/bottom-sheet.js';
export type { BottomSheetProps } from '../registry/components/bottom-sheet/bottom-sheet.js';
```