UEI Preset Operator

Modal Reference

Consulte esta subpágina para ver import, available props, exemplo de uso e controles vivos do component.

Comece por `atoms` e avance para níveis maiores só quando a capacidade realmente precisar de composição.

Atoms

Molecules

Organisms

Templates

Back to organisms

Standard locked modal container with header, body and footer actions.

Use when: Use for focused workflows that should block the rest of the page until explicit action.

Import

import { Modal } from "@components/index";

Example

<Modal isOpen title="Edit order" footer={<Button title="Save" />} onClose={close}>...</Modal>

Available Props

isOpenboolean

Controls visibility.

titlestring

Main modal heading.

descriptionstring

Optional subtitle.

footerReactNode

Action area content.

Live Preview

Controls

Open the preview modal to inspect layout, header and footer behavior.