OddApp Design

Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/scroll-area. OddApp tokens are applied via globals.css @theme. All token rules still apply.

ScrollArea

Custom-styled overflow scroll container.

Default

Import and render this component in your app using the snippet below.

import { ScrollArea } from '@/components/ui/scroll-area'

<ScrollArea style={{ height: 200 }}>
  {Array.from({ length: 20 }, (_, i) => (
    <p key={i}>Item {i + 1}</p>
  ))}
</ScrollArea>