Astryx Design System

Alert Dialog@xds/core v0.0.14 · XDSAlertDialog

Usage

AlertDialog asks the user to confirm a destructive or irreversible action before it happens. Use it for things like deleting content, revoking access, or discarding unsaved changes. For cases where you want to show an alert without managing open state, use the `useXDSImperativeAlertDialog` hook: call `alert.show(options)` and render `alert.element` in your tree.

ts
import {XDSAlertDialog} from '@xds/core/AlertDialog'

Best practices

Guidance	Practices
Do	Make the action button label specific: "Delete project" is better than "OK" or "Confirm".
Do	Describe what will happen in the description so the user knows the consequences before confirming.
Don't	Use AlertDialog for non-destructive actions; use a standard Dialog instead.

Examples

Common configurations, variations, and states.

AlertDialog — Loading

A confirmation dialog that shows a spinner while the action runs.