## Installation [#installation] npm pnpm yarn bun ```bash npx shadcn@latest add @dotui/overlay ``` ```bash pnpm dlx shadcn@latest add @dotui/overlay ``` ```bash yarn dlx shadcn@latest add @dotui/overlay ``` ```bash bun x shadcn@latest add @dotui/overlay ``` ## Usage [#usage] Use Overlay as a responsive wrapper that automatically switches between Modal, Popover, and Drawer based on screen size and configuration. ```tsx import { Button } from '@/components/ui/button' import { Dialog, DialogContent } from '@/components/ui/dialog' import { Overlay } from '@/components/ui/overlay' ``` ```tsx

Open Overlay Overlay content

``` ## Examples [#examples] ## API Reference [#api-reference]