Components

Scroll Area

A scrollable container with custom scrollbar.

example.tsx

Scrollable content here...

Line 1

Line 2

Line 3

Line 4

Line 5

Line 6

Line 7

Line 8

Line 9

Line 10

Import

tsx

import { AppScrollArea, AppScrollBar } from "@/components/primitives/AppScrollArea"

API Reference

AppScrollArea extends all native <div> HTML attributes.

Prop	Type	Default	Description
className	string	—	Additional Tailwind classes merged via cn(). Prefer the wrapper pattern for reusable overrides.

Source

src/components/primitives/AppScrollArea.tsx

"use client"

import { ScrollArea, ScrollBar } from "../ui/scroll-area"

function AppScrollArea(props: React.ComponentProps<typeof ScrollArea>) {
  return <ScrollArea {...props} />
}

function AppScrollBar(props: React.ComponentProps<typeof ScrollBar>) {
  return <ScrollBar {...props} />
}

export { AppScrollArea, AppScrollBar }