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.