# Drawer and tray anatomy

URL: https://lbliii.github.io/chirp-ui/docs/components/drawers-trays/
Section: components
Tags: components, overlays, alpine

--------------------------------------------------------------------------------

Drawer and tray anatomy Chirp UI ships two slide-out panel contracts: drawer(...) and drawer_trigger(...) from chirpui/drawer.html tray(...) and tray_trigger(...) from chirpui/tray.html Native drawers render <dialog> and open through chirpuiDialogTarget(). Trays render a div-based dialog controlled through Alpine.store("trays"), with x-trap.inert.noscroll on the panel and a chirpui:tray-closed event. The full rendered contract, ARIA roles, focus and close behavior, event payloads, and proof locations live in the canonical source guide: docs/components/drawer-tray-anatomy.md.

--------------------------------------------------------------------------------

Metadata:
- Word Count: 68
- Reading Time: 1 minutes