Docs
Scroll-area
Scroll-area
Scroll Area component enhances native scroll functionality, providing custom, cross-browser styling for a more visually appealing and consistent user experience. It is designed to augment the appearance and behavior of scrollable content within a container. The Scroll Area component is particularly useful when you want to customize the look and feel of scrollbars, add scroll shadows, or implement other visual enhancements to improve the overall aesthetics of scrollable content.
Installation
yarn add @camped-ui/scroll-areaUsage
import { ScrollArea } from "@camped-ui/scroll-area";<ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
Jokester began sneaking into the castle in the middle of the night and leaving
jokes all over the place: under the king's pillow, in his soup, even in the
royal toilet. The king was furious, but he couldn'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't help but laugh. And once they
started laughing, they couldn't stop.
</ScrollArea>
