ScrollBar() — ui Function Reference

Architecture documentation for the ScrollBar() function in scroll-area.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ScrollBar() — ui Function Reference

Dependency Diagram

graph TD
  546b84d9_3e83_421e_a74d_1724896aac4a["ScrollBar()"]
  d1ed3e2a_f144_5f68_4181_e1688b82a1f6["scroll-area.tsx"]
  546b84d9_3e83_421e_a74d_1724896aac4a -->|defined in| d1ed3e2a_f144_5f68_4181_e1688b82a1f6
  style 546b84d9_3e83_421e_a74d_1724896aac4a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/scroll-area.tsx lines 29–45

>(({ className, orientation = "vertical", ...props }, ref) => (
  <ScrollAreaPrimitive.ScrollAreaScrollbar
    ref={ref}
    orientation={orientation}
    className={cn(
      "flex touch-none select-none transition-colors",
      orientation === "vertical" &&
        "h-full w-2.5 border-l border-l-transparent p-[1px]",
      orientation === "horizontal" &&
        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
      className
    )}
    {...props}
  >
    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
  </ScrollAreaPrimitive.ScrollAreaScrollbar>
))