Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui5 dependencies

Dialog

dialog

Modal dialog on radix-ui with portal, overlay, focus trap, fade/zoom animations and 5 content sizes (sm, md, lg, xl, full) that cap the width from the sm breakpoint up while staying full width minus a margin on mobile. Exports Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose.

Live, loading

Starting the live preview…

Rendered from its demo Dialog Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

showClose defaults to true. Always include DialogTitle (visually hidden with sr-only if needed) for accessibility.
2 other registries

Similar components

Other registries' take on dialog.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Usage example for the ai2 dialog component.

Used by 1 item

Built on Dialog

Other @ai2 items that list this one as a dependency.

@ai2

More from @ai2