Scroll Area

Um container com barra de rolagem estilizada para exibir conteúdo que ultrapassa os limites visuais.

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20
Item 21
Item 22
Item 23
Item 24
Item 25
Item 26
Item 27
Item 28
Item 29
Item 30

Utilização

index.tsx
import { ScrollArea } from "@convertcompany/ui";

Props

Esse componente é baseado na implementação do Radix UI Scroll Area.

ScrollArea

PropriedadeTipo
childrenConteúdo que será envolvido pelo área de rolagem.
ReactNode
classNameClasse CSS adicional para o componente root.
string
...propsDemais props do elemento root.
HTMLAttributes<HTMLDivElement>

ScrollBar

PropriedadeTipo
orientationOrientação da barra de rolagem. Padrão: vertical.
vertical
horizontal
classNameClasse CSS adicional.
string