ScrollArea

Une zone défilante sobre.

La barre reste celle du navigateur, seulement affinée : une barre réimplémentée en JavaScript coûte un écouteur de défilement, deux mesures par image et perd le défilement inertiel des pavés tactiles. Le seul ajout est l'estompe des bords, qui ne demande qu'un booléen par côté.

Installation

sia-ui add scroll-area

Ou par le paquet, sans rien copier :

import { ScrollArea } from "@sia-ui/react-web";

Props

Prop	Type	Défaut	Description
className	string	—
fade	boolean	true	Estompe le contenu aux bords tant qu'il reste quelque chose à faire défiler. C'est le seul indice fiable quand la barre est fine ou masquée.
height	string | number	—
maxHeight	string | number	—	Hauteur maximale. Au-delà, la zone défile.
orientation	"both" | "horizontal" | "vertical"	vertical

Voir aussi

• Le composant dans le catalogue — états, variantes, et bac à sable.
• La référence complète — tous les composants.