ScrollArea

Кастомная область прокрутки на shadcn / Radix ScrollArea. Тонкие полосы вместо нативного скроллбара, стилизуются токенами темы и адаптируются к тёмной теме. Compound-набор: ScrollArea (обёртка с вертикальной полосой) и ScrollBar (доп. полоса — например, горизонтальная через orientation="horizontal"). Размер области задаётся классами (h-*, w-*).

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Фиксированная высота через className (h-*): контент выше области прокручивается, справа появляется тонкая полоса.

Загрузка демо…

Для горизонтальной полосы добавьте <ScrollBar orientation="horizontal" /> внутрь ScrollArea, а контенту задайте ряд с шириной больше области.

Загрузка демо…