ui/docs/components/modals.md

Modals & Overlays

Набор оверлеев: ActionSheet, ModalCard, ModalPage, Popover/Tooltip.

Import

import { ActionSheet, ModalCard, ModalPage, Popover, Tooltip } from "@tria/ui";

ActionSheet

<ActionSheet
  open={open}
  onOpenChange={setOpen}
  title="Actions"
  actions={[
    { title: "Save", onClick: () => {} },
    { title: "Delete", tone: "destructive", onClick: () => {} },
  ]}
/>

Tokens

• --modal-w, --modal-p, --modal-radius
• --modal-overlay, --modal-blur