Drawer

A panel that slides in from the edge of the screen, with drag-to-dismiss.

Installation

npx lily-svelte@latest add drawer

Installs the style saved in lily.json. For a new Diamond project, run lily-svelte init --style diamond first.

Install the lily base and `utils` (run once per project).

npx lily-svelte@latest init

Add the `vaul-svelte` dependency.

npm install vaul-svelte@next

Copy the drawer source from the registry into `$lib/components/ui/drawer`.

← Dialog Dropdown Menu →