Scroll Area
A scrolling area with a thin overlay scrollbar. The file also has a separator.
Installation#
pnpmnpmyarnbun
$ pnpm dlx shadcn@latest add @liquikit/scroll-areaNeeds the @liquikit registry in your components.json. Set it up once.
Usage#
import { ScrollArea, Separator } from "@/components/liquikit/scroll-area"<ScrollArea className="h-60">
{items}
</ScrollArea>API Reference#
ScrollArea
| Prop | Type | Default |
|---|---|---|
horizontal | booleanScrolls sideways instead of up and down. | false |
children | ReactNodeThe content. | — |
Also takes every prop of Base UI's scroll area, plus className and style.
Separator
Takes every prop of Base UI's separator, plus className and style.