Alert Dialog
Modal confirmation dialog requiring explicit user action.
Generated from the package's public source.
API
Actioncomponent
Action(props: AlertDialogActionProps): Element
Props
onAction?() => void— Called after the dialog requests close from the action button.ref?(el: HTMLButtonElement) => void
children: Element
AlertDialogActionPropsinterface
Props
onAction?() => void— Called after the dialog requests close from the action button.ref?(el: HTMLButtonElement) => void
children: Element
AlertDialogCancelPropsinterface
Props
ref?(el: HTMLButtonElement) => void
children: Element
AlertDialogContentPropsinterface
Props
class?stringref?(el: HTMLDivElement) => voidstyle?string | CSSProperties
children: Element
AlertDialogDescriptionPropsinterface
Props
class?string
children: Element
AlertDialogPortalPropsinterface
children: Element
AlertDialogRootPropsinterface
Props
defaultOpen?boolean— Default open state (uncontrolled).onOpenChange?(open: boolean, details: ChangeDetails<DisclosureReason>) => void— Called when open state change is requested.open?Accessor<boolean>— Controlled open state.
children: Element
AlertDialogTitlePropsinterface
Props
class?string
children: Element
AlertDialogTriggerPropsinterface
Props
ref?(el: HTMLButtonElement) => void
children: Element
Cancelcomponent
Cancel(props: AlertDialogCancelProps): Element
Props
ref?(el: HTMLButtonElement) => void
children: Element
Contentcomponent
Content(props: AlertDialogContentProps): Element
Props
class?stringref?(el: HTMLDivElement) => voidstyle?string | CSSProperties
children: Element
Descriptioncomponent
Description(props: AlertDialogDescriptionProps): Element
Props
class?string
children: Element
Portalcomponent
Portal(props: AlertDialogPortalProps): Element
children: Element
Rootcomponent
Root(props: AlertDialogRootProps): Element
Props
defaultOpen?boolean— Default open state (uncontrolled).onOpenChange?(open: boolean, details: ChangeDetails<DisclosureReason>) => void— Called when open state change is requested.open?Accessor<boolean>— Controlled open state.
children: Element
Titlecomponent
Title(props: AlertDialogTitleProps): Element
Props
class?string
children: Element
Triggercomponent
Trigger(props: AlertDialogTriggerProps): Element
Props
ref?(el: HTMLButtonElement) => void
children: Element