Dialog
Alias of Modal, named after the shadcn convention.
Import
import { Dialog } from "@tarve/core";Usage
import { Dialog, Text } from "@tarve/core";
let open = true;
<Dialog
open={open}
title="About"
width={420}
onOpenChange={(next) => {
open = next;
}}
>
<Text>Built with Tarve.</Text>
</Dialog>Props
Dialog has no props of its own beyond the inherited and common props below.
Inherited from ModalProps 9 props
| Prop | Type | Default |
|---|---|---|
open required | boolean | — |
closeOnEscape | boolean | — |
closeOnOverlay | boolean | — |
description | string | — |
footer | Child | — |
onOpenChange | (open: boolean) => void | — |
showClose | boolean | — |
title | string | — |
width | number | — |
Common props
Shared by every component. See descriptions →
childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle