- Side sheet and bottom sheet · Sheet, Drawer
Quick edit without leaving the list. A side sheet slides in from the right on desktop (404 / 532 / 856px); on the phone it becomes a bottom sheet or a full-screen sheet. Header, scrolling body, sticky footer with the one primary. - Unsaved-changes guard · AlertDialog
The small dialog that appears above an open sheet (or page) when you try to leave with unsaved edits: Keep editing, Discard, Save and close. - Dialog · Dialog
A centred, focused task that needs the person's full attention but is short: rename, choose a scope, connect an app. 480px wide, 15px radius. - Confirm · AlertDialog
Asks before something consequential: neutral (Publish to brands), destructive (Delete price list) and typed (type the handle to retire a product used by live orders). - Confirm unverified currency · AlertDialog, Checkbox
Before saving a price converted at a rate nobody has verified, the admin shows the amounts side by side and asks the person to acknowledge the rate. Also has an inline form inside the price editor. - Dropdown menu · DropdownMenu
The ⋯ row menu and every action menu: items with icons, a selected tick, disabled items that say why, a separator and a danger item last. On the phone it becomes an action sheet. - Popover · Popover
A small non-modal panel anchored to a control: filters, column options, a quick note. Clicks inside keep it open; Apply or `[data-k-close-pop]` closes it. Phone: a short bottom sheet. - Tooltip · Tooltip
A navy label for icon buttons and truncated text. Waits 400ms on hover, shows at once on keyboard focus, never holds anything interactive. Phones have no tooltips: use visible labels. - Hover card · HoverCard
A richer preview on hover over a reference (a cloth code, a product handle): swatch, facts and where it is used. Waits 500ms. On the phone it is tap-to-peek in a bottom sheet. - Overlay layer · composed
Kit v2: the full-viewport fixed layer real pages mount sheets, dialogs, guards and the help drawer into, so they cover the whole window instead of a specimen stage. The React build gets this from Radix Portal.