ScrollArea
ScrollArea provides a scrollable container with named layout and spacing props.
Source
LLM docs
Package
Examples
1
Properties
80
Basics
ScrollArea provides a scrollable container with named layout and spacing props.
Loading demo…
import { Block, ScrollArea, Text } from '@plocks/ui';
export function Demo() {
return (
<ScrollArea fullWidth h={180} contentProps={{ p: 'md', gap: 'sm' }}>
{Array.from({ length: 8 }, (_, index) => (
<Block key={index} bg="subtle" p="sm">
<Text>Item {index + 1}</Text>
</Block>
))}
</ScrollArea>
);
}React Native design for iOS, Android, and Web.
Quick Links
Resources