Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Reference for Nuxt UI v4 (125+ components built on Reka UI + Tailwind CSS v4) including forms, overlays, and theming.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
components/drawer.md
1# Drawer23A drawer that smoothly slides in & out of the screen.45## Key Props67- `title`: to set the title of the Drawer's header.8- `description`: to set the description of the Drawer's header.9- `direction`: to control the direction of the Drawer.10- `inset`: to inset the Drawer from the edges.11- `handle`: to control whether the Drawer has a handle or not.12- `overlay`: to control whether the Drawer has an overlay or not.13- `modal`: to control whether the Drawer blocks interaction with outside content.14- `dismissible`: to control whether the Drawer is dismissible when clicking outside of it or pressing escape.1516## Usage1718```vue19<UDrawer20<!-- props here -->21/>22```2324## Slots2526- `#content`27- `#header`28- `#body`29- `#footer`30