29 lines
523 B
Markdown
29 lines
523 B
Markdown
# Modals & Overlays
|
||
|
||
Набор оверлеев: ActionSheet, ModalCard, ModalPage, Popover/Tooltip.
|
||
|
||
## Import
|
||
|
||
```ts
|
||
import { ActionSheet, ModalCard, ModalPage, Popover, Tooltip } from "@tria/ui";
|
||
```
|
||
|
||
## ActionSheet
|
||
|
||
```tsx
|
||
<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`
|