Scroll Area
Área de rolagem com scrollbar customizada. Construída sobre Radix UI ScrollArea. Substitui o scroll nativo por uma barra estilizada e consistente entre navegadores.
import { ScrollArea } from "@workspace/ui/components/scroll-area";
<ScrollArea className="h-72 w-48 rounded-md border">
<div className="p-4">
{items.map((item) => (
<div key={item}>{item}</div>
))}
</div>
</ScrollArea>Vertical
Lista com scroll vertical e scrollbar customizada.
Horizontal
Scroll horizontal para conteúdo que excede a largura.
API Reference
| Prop | Type | Default | Descrição |
|---|---|---|---|
children | ReactNode | — | Conteúdo rolável |
className | string | — | Classes para o container raiz |
ScrollBar.orientation | 'vertical' | 'horizontal' | 'vertical' | Orientação da barra de rolagem |