Skip to content

ModalFrame

ModalFrame<C>(__namedParameters): any

Modal overlay component that handles:

  • Backdrop click dismiss (optional mode)
  • ESC key dismiss (optional mode)
  • Focus trap on the dialog
  • Visibility + dismissed state management
  • Theme-aware default styles

Extend by wrapping and injecting children for custom body content.

C extends ResolvedContent = ResolvedContent

ModalFrameProps<C>

any

function MyModal(props: PlacementSlotProps<MyContent>) {
return (
<ModalFrame {...props}>
<BenefitsList items={props.content.benefits} />
</ModalFrame>
);
}