525

Modal

A responsive dialog component.

Installation

Usage

The modal component can be composed just like a dialog or drawer component.

Composition

Use the following composition to build a Modal:

API Reference

Modal.

Root

The root component of the modal.

Modal.

NestedRoot

Drop-in replacement for `Root` when stacking modals (nested dialog on desktop, nested drawer on mobile).

Modal.

Trigger

The trigger element for the modal.

Modal.

Content

The content of the modal.

Modal.

The footer of the modal.

Modal.

The header of the modal.

Modal.

Title

The title of the modal.

Modal.

Description

The description of the modal.