useImperativeAlertDialog@astryxdesign/core v0.5.2 · 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

ParamTypeDescription
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
Open in Playground

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

Use with shadcn

Already using the shadcn registry workflow? Install the real Astryx package and a local public re-export. Component implementation source stays in Astryx. How compatibility works.

This install URL expires with the draft preview.
bash
npx shadcn@latest add https://astryx-pxujcw3w9-fbopensource.vercel.app/r/hooks/use-imperative-alert-dialog.json
Install the editable showcase composition
bash
npx shadcn@latest add https://astryx-pxujcw3w9-fbopensource.vercel.app/r/showcases/alert-dialog/delete.json