ScrollArea
LayoutStable
Custom scrollbar area with styled scrollbars. Use viewportRef to access the inner viewport element.
Quick Import
import { ScrollArea } from "@cohere-ai/waypoint-ui/scroll-area";Live Preview
Loading ScrollArea...
Props
| Name | Type | Default | Description |
|---|---|---|---|
viewportRef | React.Ref | - | Ref for the inner viewport element |
orientation (ScrollBar) | 'vertical' | 'horizontal' | 'vertical' | Scrollbar direction |
Examples
Basic Scroll Area
Fixed-height scroll area with custom scrollbar
1 import { ScrollArea } from '@cohere-ai/waypoint-ui/scroll-area'; 2 3 <ScrollArea className="h-64 w-full rounded-md border p-4"> 4 {/* Long content */} 5 </ScrollArea>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the ScrollArea component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.