@dinefy/react-modal

Modal component for Dinefy Design System built with Ark UI.

Installation

npm install @dinefy/react-modal

Usage

Basic Modal

import { Modal } from "@dinefy/react-modal";

<Modal.Root lazyMount unmountOnExit>
  <Modal.Trigger>Open Modal</Modal.Trigger>
  <Modal.Backdrop />
  <Modal.Positioner>
    <Modal.Content>
      <Modal.Title>Modal Title</Modal.Title>
      <Modal.Description>
        This is a modal description.
      </Modal.Description>
      <Modal.CloseTrigger />
    </Modal.Content>
  </Modal.Positioner>
</Modal.Root>
}

API Reference

Modal.Root

The root component of the modal component.

Props

Extends all HTML div element props.