Components
ScrollArea
Custom scroll area.
Use ScrollArea for a styled scroll container with custom bars.
import { ScrollArea } from '@tile-ui/react';
export default function ScrollAreaDemo() {
return (
<ScrollArea style={{ maxHeight: 140 }}>
<div style={{ paddingRight: 16 }}>Registry install
pnpm dlx shadcn@latest add @tile-ui/scroll-areaPackage usage
import { ScrollArea } from '@tile-ui/react';
<ScrollArea>
<div style={{ height: 120 }}>Long content here.</div>
</ScrollArea>Highlights
- Viewport and scrollbar
- Horizontal and vertical bars
Registry dependencies
| Item | Purpose |
|---|---|
scroll-area | Component source and module styles |
core | Framework-agnostic logic helpers |
styles | Shared SCSS tokens and globals |
API reference
ScrollArea
No custom props.
ScrollBar
| Prop | Type | Default |
|---|---|---|
orientation | 'vertical' | 'horizontal' | — |