alert-dialog

Preview

Markup

<dialog class="alert-dialog" id="X" role="alertdialog" aria-labelledby="X-title" aria-describedby="X-desc"><div class="alert-dialog-header"><div class="alert-dialog-title" id="X-title">T</div><div class="alert-dialog-description" id="X-desc">D</div></div><div class="alert-dialog-footer"><form method="dialog"><button class="btn btn-ghost">Cancel</button></form><button class="btn btn-destructive">Confirm</button></div></dialog>

Install

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/alert-dialog.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add alert-dialog

Accessibility

Classes

Dependencies