Dialog
Dialog belongs to the Overlay category. Start with demos and usage, then use the API tables to finish integration and styling decisions.
Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.
Version history is grouped by release so you can quickly see what changed for this component across published versions.
2026-09-14
label the icon-only close trigger via locale
restore fullscreen toggle visible by default
hide fullscreen toggle by default
remove redundant showFullscreen default
2026-09-12
label the icon-only close trigger via locale
2026-08-20
add fullscreen and draggable features
2026-08-19
add fullscreen and draggable features
2026-05-17
adjust popup max height for better responsiveness
2026-05-03
rename DialogRootProps to extend DialogBaseProps for consistency
2026-04-26
Implement DialogCompact and refactor `useDialog`
enable showConfirm prop in DialogCompact component
enhance slot props binding for DialogCompact component
2026-04-26
Implement DialogCompact and refactor `useDialog`
enable showConfirm prop in DialogCompact component
enhance slot props binding for DialogCompact component
2026-03-24
update content styles for responsive design
2026-03-07
update dialog content styles to use w-max for better responsiveness
2026-03-06
add min-width constraints to dialog content sizes
2026-03-06
update max-width for dialog size variants
2026-03-06
add class prop to bind content class
2026-03-06
remove unnecessary sm: prefix from rounded-lg class
2026-01-01
replace DialogContent with DialogPopup, and update related types and context management for improved structure and functionality
rename DialogPopup to DialogContent