Dialog

Modal dialog built on @kobalte/core.

import { Dialog } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Loading preview…

Prop	Type	Default	Description
`open` *	`boolean`	—	Whether the dialog is open.
`onOpenChange` *	`(open: boolean) => void`	—	Callback fired when dialog open state changes.
`title` *	`string`	—	Dialog title displayed in the header.
`description`	`string`	—	Optional description text displayed below the title.
`children` *	`JSX.Element`	—	Dialog content to display in the body.
`class`	`string`	—	Additional CSS class name for the dialog content.
`unstyled`	`boolean`	`false`	Disable default styling and apply only custom classes.

* required prop.

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.