Rebar UI

1.0

imitation

ScrollArea

A scrollable container with a thin, theme-aware scrollbar.

Task listFixed height, the rest scrolls

Draft launch checklist

Book crew interviews

Icon audit

Offline sync for tasks

Harbour homepage

Brand palette

Rota export

Draft launch checklist

Book crew interviews

Icon audit

Offline sync for tasks

Harbour homepage

Brand palette

Rota export

Short content

Nothing else to do today.

Horizontal
Harbour rebrandTideline mobileCrew interviewsRota exportDepot signage

In context

FilesA card with a fixed-height file list
Project files5 files

depot-fascia-final.pdf

Depot signage

1.4 MB

van-livery-photos.zip

Harbour rebrand

48 MB

interview-03-walkthrough.mp4

Crew interviews

212 MB

rota-export-march.csv

Rota export

90 KB

mark-stacked.svg

Harbour rebrand

8 KB

Props

PropTypeRequiredDefault
maxHeightstring | number | undefinedNo—
orientation"vertical" | "horizontal" | "both" | undefinedNovertical

data-rebar-* attributes

data-rebar-component="scroll-area"; data-rebar-orientation mirrors the orientation prop ("vertical"|"horizontal"|"both").

Migrating to Ant Design

AntD has no dedicated scroll-area primitive of its own — a custom scrollbar is normally done with plain CSS in an antd app too, the same approach this component takes, so there's nothing to remap beyond dropping the rebar-ui import.