ScrollArea
带细滚动条的滚动容器,滚动条在悬停时出现。
<ScrollArea className="h-160 w-320 rounded-well bg-fill-1" aria-label="Models">
<ul className="flex flex-col p-12">
{[...models, ...models, ...models].map((m, i) => (
<li key={i} className="flex h-32 items-center mono text-small text-fg">
{m.model}
</li>
))}
</ul>
</ScrollArea>import { ScrollArea } from "@logicplanes/kaeso-ui";属性
aria-labelstring区域可获得焦点时的无障碍名称。
childrenReactNode滚动的内容。
orientation"both" | "horizontal" | "vertical" = vertical滚动的方向。
viewportClassNamestring滚动元素的类名,仅用于布局。