/// Overlay

Drawer

Alias of Sheet — a side-anchored overlay that slides in from an edge for inspectors, filters, and detail panes.

import { Drawer } from "@protocore/pds";

View as Markdown

An alias of Sheet

Drawer is the Mantine-familiar name for this library's Sheet — the same component, exported under a second name for discoverability. Drawer.Root, Drawer.Trigger, Drawer.Content, Drawer.Title, Drawer.Description, Drawer.Close, and Drawer.Footer are Sheet's parts re-aliased 1:1. See the Sheet page for the full API, anchoring options, and accessibility notes.

Basics

Compose it exactly like Sheet — a trigger opens a content panel that slides in from the inline edge.

Accessibility

Identical to Sheet: focus is trapped while open, Escape closes, and the trigger is restored on close (Radix Dialog under the hood).