ctify

Dialogs

Dialogs provide important prompts in a user flow

Open dialog with activator

Props

PropTypeDescriptionDefault
openbooleanWhether the dialog is openfalse
onOpenChangefunctionCallback function when dialog open or close() => {}

Sub components

NameDescription
Dialog.ActivatorThe activator of the dialog
Dialog.HeadingThe header of the dialog
Dialog.ContentThe content of the dialog
Dialog.CloseThe close button of the dialog
Dialog.DescriptionThe description of the dialog

Activator Props

PropsTypeDescriptionDefault
asChildbooleanset true pass any element as the activatorfalse
Edit this page on GitHub