Overlays
Default: keep information on the page. Use the public Radix Dialog when an action requires acknowledgement.
Confirm a consequential action
Install @subconscious/dialog. Radix owns the focus trap, Escape, return to the trigger and accessible description. This working sample changes only local demo state.
npx shadcn@4.19.0 add @subconscious/dialog
import { Dialog, DialogActions, DialogClose } from "@/components/dialog";
@import "./styles/subconscious/dialog.css";Read the public composition. Keep two actions: continue editing or confirm.
Different jobs, different surfaces
Inspectable detail belongs in the existing Kit Drawer. Asynchronous receipts belong in ToastProvider. Existing Kit consumers keep those public entrypoints; new consumers start with inline feedback.
Kit installation and examples · Inline feedback · Overlay composition
The static modal, drawer and toast pictures were removed: pictures cannot demonstrate focus, dismissal or receipt delivery.
Questions inside the workflow
Agent questions and a team poll collect answers without blocking the whole page. These distinct Pro compositions stay compiled previews.