.kairoz-dialog
Dialog
Focus-trapping modal with three zones: header, body, and footer. Ghost cancel button on the left, primary action on the right.
Default
Delete project
This will permanently delete kairoz and all of its deployments. This cannot be undone.
Type
kairoz to confirm.<div class="kairoz-dialog" style="position:relative;width:440px;box-shadow:var(--shadow-lg)">
<div class="kairoz-dialog-header">
<div class="kairoz-dialog-title">Delete project</div>
<div class="kairoz-dialog-desc">This will permanently delete kairoz and all of its deployments. This cannot be undone.</div>
</div>
<div class="kairoz-dialog-body" style="font-size:13px;color:var(--text-secondary)">Type <code style="font-family:var(--font-mono);color:var(--text-primary)">kairoz</code> to confirm.</div>
<div class="kairoz-dialog-footer" style="display:flex;justify-content:flex-end;gap:8px">
<button class="kairoz-btn kairoz-btn-ghost">Cancel</button>
<button class="kairoz-btn kairoz-btn-destructive">Delete project</button>
</div>
</div>