Add docs
This commit is contained in:
33
docs/providers/snackbar.md
Normal file
33
docs/providers/snackbar.md
Normal file
@@ -0,0 +1,33 @@
|
||||
# Snackbar Provider
|
||||
|
||||
Tria UI поддерживает Snackbar как компонент и (опционально) как глобальный провайдер/хук.
|
||||
|
||||
## Component usage
|
||||
|
||||
```tsx
|
||||
import { Snackbar } from "@tria/ui";
|
||||
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
<Snackbar
|
||||
open={open}
|
||||
onOpenChange={setOpen}
|
||||
text="Saved"
|
||||
action={{ label: "Undo", onClick: () => {} }}
|
||||
/>
|
||||
```
|
||||
|
||||
## Provider usage (optional)
|
||||
|
||||
Если у вас есть `SnackbarProvider` и `useSnackbar()`:
|
||||
|
||||
```tsx
|
||||
<SnackbarProvider>
|
||||
<App/>
|
||||
</SnackbarProvider>
|
||||
```
|
||||
|
||||
```ts
|
||||
const { push } = useSnackbar();
|
||||
push({ text: "Saved", action: { label: "OK", onClick: ... }});
|
||||
```
|
||||
Reference in New Issue
Block a user