Lumina

Component · Data

Scroll Area

Container scrollável com scrollbar custom Radix. Mais bonita que o native, com transition no hover do thumb.

Radixsource

Import

import { ScrollArea } from "@nimbuslab/lumina/components/scroll-area"

Vertical

Tags

tag-01
tag-02
tag-03
tag-04
tag-05
tag-06
tag-07
tag-08
tag-09
tag-10
tag-11
tag-12
tag-13
tag-14
tag-15
tag-16
tag-17
tag-18
tag-19
tag-20
tag-21
tag-22
tag-23
tag-24
tag-25
tag-26
tag-27
tag-28
tag-29
tag-30
tag-31
tag-32
tag-33
tag-34
tag-35
tag-36
tag-37
tag-38
tag-39
tag-40
tag-41
tag-42
tag-43
tag-44
tag-45
tag-46
tag-47
tag-48
tag-49
tag-50

Código

TSX

Atenção

ScrollArea precisa de height fixa (h-72, h-[400px], etc). Sem altura definida, o thumb não aparece.