Astryx Design System

useImperativeAlertDialog@astryxdesign/core v0.0.15 · useImperativeAlertDialog

Usage

Hook for showing an alert dialog without managing open state. Call alert.show(options) to open and alert.hide() to close. Render alert.element in your JSX tree.

ts
import {useImperativeAlertDialog} from '@astryxdesign/core/AlertDialog'

Parameters

Param	Type	Description
show	(options: AlertDialogOptions) => void	Show the alert dialog with the given options. Options are the same as AlertDialog props minus isOpen/onOpenChange.
hide	() => void	Hide the alert dialog.
isOpen	boolean	Whether the dialog is currently open.
element	ReactNode	The dialog element: render this in your JSX tree.

Examples

Common configurations, variations, and states.

AlertDialog — Delete

A delete button that asks the user to confirm before deleting.