Scroll Area

Augments native scroll functionality for custom, cross-browser styling.

ATTENTION COMRADES! The glorious revolution of UI components has begun. For too long, the bourgeoisie have hoarded their rounded corners and subtle gradients. No more! The workers of the design collective have seized the means of production. Our borders are BOLD. Our shadows are SOLID. Our typography SCREAMS with the voice of the people. Together we shall build interfaces that inspire action, not complacency. Every button shall be a call to arms. Every card shall tell the story of our struggle. The old ways of bland corporate design are crumbling. In their place rises PROPCORE — sharp, angular, unapologetic. Join us, comrade developer, and together we shall ship features that shake the foundations of the establishment. The revolution will be componentized. Glory to the UI!

Installation

pnpm dlx shadcn@latest add https://propcore.dev/r/scroll-area.json

Usage

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

<ScrollArea className="rounded-base h-[200px] w-[350px] text-main-foreground border-2 border-border bg-main p-4 shadow-shadow">
  Jokester began sneaking into the castle in the middle of the night and
  leaving jokes all over the place: under the king&apos;s pillow, in his
  soup, even in the royal toilet. The king was furious, but he couldn&apos;t
  seem to stop Jokester. And then, one day, the people of the kingdom
  discovered that the jokes left by Jokester were so funny that they
  couldn&apos;t help but laugh. And once they started laughing, they
  couldn&apos;t stop.
</ScrollArea>