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
  9c0ec858_be4d_71bd_efbb_48da41ef5294["ScrollBar()"]
  373f0594_ad6a_6b1e_d9be_22bb1132291f["scroll-area.tsx"]
  9c0ec858_be4d_71bd_efbb_48da41ef5294 -->|defined in| 373f0594_ad6a_6b1e_d9be_22bb1132291f
  style 9c0ec858_be4d_71bd_efbb_48da41ef5294 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/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>
))