Developer portal · developer-portal §6.2

Typed confirmation

A destructive confirmation that needs a typed word.

Theme
Contrast
Language
Motion
Text size

Code

<ConfirmDialog open={open} word="revoke" title={title} body={body} confirmLabel={label} onConfirm={revoke} onOpenChange={setOpen} t={t} />

Accessibility

  • The typed word has a label; Confirm stays disabled until it matches.

Usage

Do

  • Revoke, delete an endpoint, disable a live app.

Don't

  • Never use it for reversible actions.

Platforms

Web
iOS
Web only (no native developer portal)
Android
Web only (no native developer portal)