A dialog that appears on top of the main content and requires user interaction.
import { Modal } from '@ivaldi/ui'| Prop | Type | Default |
|---|---|---|
trigger | ReactNode | — |
title | ReactNode | — |
description | ReactNode | — |
footer | ReactNode | — |
panelProps | any | — |
blur | boolean | — |
children | ReactNode | — |
open | boolean | — |
defaultOpen | boolean | — |
onOpenChange | function | — |
modal | boolean | — |
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
open | boolean | — |
defaultOpen | boolean | — |
onOpenChange | function | — |
modal | boolean | — |
| Prop | Type | Default |
|---|---|---|
type | enum | — |
className | string | — |
children | ReactNode | — |
asChild | boolean | — |
| Prop | Type | Default |
|---|---|---|
forceMount | true | — |
className | string | — |
children | ReactNode | — |
asChild | boolean | — |
onEscapeKeyDown | function | — |
onPointerDownOutside | function | — |
onFocusOutside | function | — |
onInteractOutside | function | — |
onOpenAutoFocus | function | — |
onCloseAutoFocus | function | — |
panelProps | any | "{}" |
blur | boolean | — |
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
asChild | boolean | — |
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
| Prop | Type | Default |
|---|
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
container | Element | DocumentFragment | — |
forceMount | true | — |
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
asChild | boolean | — |
| Prop | Type | Default |
|---|---|---|
type | enum | — |
className | string | — |
children | ReactNode | — |
asChild | boolean | — |