Skip to content

@checkout-kit/ui / Dialog

Variable: Dialog ​

ts
const Dialog: ({ open, onClose, children, title, description, headingLevel, variant, dismissible, closeLabel, footer, className }) => ReactElement;

A real <dialog>, opened with showModal(). That is why there is no focus-trap code here: focus, Tab, inertness, Escape and focus restore are all the browser's.

Parameters ​

ParameterType
{ open, onClose, children, title, description, headingLevel, variant, dismissible, closeLabel, footer, className }DialogProps

Returns ​

ReactElement

Apache-2.0 · Headless engine, provider adapters and runnable examples.