Dialog

The Dialog component is used to show dialog popup.

1. Import

KUMUI exports 8 Dialog-related components:

import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from "@rohitgadekar/kimui";

Attribute	Type	Description	Default
children	React.ReactNode	Dialog components, such as trigger, content, header, footer, etc.	-

Attribute	Type	Description	Default
asChild	boolean	If true, it will wrap the trigger component (Button) as a child	false

Attribute	Type	Description	Default
children	React.ReactNode	Content of the Dialog, such as the header, description, and footer	-

Attribute	Type	Description	Default
children	React.ReactNode	Header content for the Dialog, such as a title	-

Attribute	Type	Description	Default
children	React.ReactNode	The title text of the dialog	-

Attribute	Type	Description	Default
children	React.ReactNode	Content for the description of the dialog (e.g., instructions or additional details)	-
className	string	Custom CSS class for styling	-

Attribute	Type	Description	Default
children	React.ReactNode	Footer content, typically used for actions like close or submit	-

Attribute	Type	Description	Default
children	React.ReactNode	The content that triggers the closing of the dialog (usually a button)	-

Date Range Picker

Drawer