Guides

@lamstack/react-dialog is headless — none of its own code renders markup, so wiring its alert/confirm/prompt templates to a real UI looks slightly different depending on what you’re already using. Each guide below is a real, working demo (not just a code snippet) verified to actually open, render, and resolve correctly in both light and dark mode:

• Tailwind CSS — plain utility classes, no component library
• Material UI (MUI) — MUI’s Dialog/Button components
• shadcn/ui — the real shadcn CLI-generated Dialog (Radix UI + Tailwind)

If you’re using something else entirely, the pattern is the same regardless: implement DialogTemplates (see the API reference) with whatever components you already have — @lamstack/react-dialog doesn’t know or care which one you pick.