Focus Modal

A modal component that spans the whole screen

Was this example helpful?

Usage

import { FocusModal } from "@medusajs/ui"

1<FocusModal>2  <FocusModal.Trigger>Trigger</FocusModal.Trigger>3  <FocusModal.Content>4    <FocusModal.Header>Title</FocusModal.Header>5    <FocusModal.Body>Content</FocusModal.Body>6  </FocusModal.Content>7</FocusModal>

API Reference

This component is based on the Radix UI Dialog primitives.

FocusModal.Header

This component is based on the div element and supports all props of this element.

FocusModal.Body

This component is based on the div element and supports all props of this element.