Add docs
This commit is contained in:
28
docs/components/modals.md
Normal file
28
docs/components/modals.md
Normal file
@@ -0,0 +1,28 @@
|
||||
# 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`
|
||||
Reference in New Issue
Block a user