ResizablePanel
Deux zones, et une poignée entre elles.
Les bornes minSize et maxSize empêchent de réduire un panneau à rien : une zone à zéro pour cent disparaît avec sa poignée, et on ne peut plus la rouvrir.
Installation
bash
sia-ui add resizable-panelOu par le paquet, sans rien copier :
tsx
import { ResizablePanel } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* first | ReactNode | — | |
* second | ReactNode | — | |
className | string | — | |
defaultSize | number | 50 | |
direction | "horizontal" | "vertical" | horizontal | |
maxSize | number | 80 | |
minSize | number | 20 |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.