# react-edge-sheet

> A lightweight, zero-dependency React component for sliding panels from any
> screen edge (top, bottom, left, right). ~4 kB gzipped. TypeScript-first.
> Supports controlled and imperative APIs, drag-to-dismiss, snap points,
> animation presets, focus trap, and the ARIA dialog pattern.

Install: `npm install react-edge-sheet` (requires React 17+)

## Documentation

- [Getting Started](https://react-sheet.borao.dev/docs/getting-started): Installation and first sheet
- [API Reference](https://react-sheet.borao.dev/docs/api): Full props, SheetRef methods, TypeScript types
- [Examples](https://react-sheet.borao.dev/docs/examples): Bottom sheets, drawers, command palette, glassmorphism, snap points
- [Advanced](https://react-sheet.borao.dev/docs/advanced): Animation internals, SSR/Next.js patterns, custom styling
- [Keyboard & Focus](https://react-sheet.borao.dev/docs/keyboard): Focus trap, ARIA props, screen reader guidance
- [Animations](https://react-sheet.borao.dev/docs/animation): Presets, asymmetric enter/exit, transition overrides
- [Gestures](https://react-sheet.borao.dev/docs/gestures): Drag-to-dismiss, snap points, drag thresholds, custom drag handle
- [Changelog](https://react-sheet.borao.dev/docs/changelog): Release history

## Package

- [npm](https://www.npmjs.com/package/react-edge-sheet): Package page
- [GitHub](https://github.com/boraoksuzoglu/react-edge-sheet): Source code and issues

## Optional

- [Full docs for LLMs](https://react-sheet.borao.dev/llms-full.txt): Complete documentation as a single plain-text file