Skip to content
aq-ui
Back to ComponentsComponent

Drawer

Open-code aq-ui accessible component family for Drawer.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add drawer

API reference

Client moduleView full source

Quick start

"use client"

import { Drawer } from "@/components/ui/drawer"

<Drawer />

Exports

  • Drawer function
  • DrawerClose const
  • DrawerContent const
  • DrawerDescription const
  • DrawerHeader const
  • DrawerOverlay const
  • DrawerPortal function
  • DrawerSwipeHandle const
  • DrawerTitle const
  • DrawerTrigger const

Registry dependencies

utils

Package dependencies

@base-ui/react@^1.7.0

Files

  • components/ui/drawer.tsx

Source