Fieldbook
Sign in

Layout

Overlay scroll panel

A bounded panel that hides the platform scrollbar and draws its own slim overlay track, thumb sized to the content.

Using Overlay scroll panel

A bounded panel that hides the platform scrollbar and draws its own slim overlay track, thumb sized to the content.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: orientation, height, thumbSize, autoHide, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Fading edge scroll panel
2353Fading edge scroll panelLayoutA scroll panel that hides the native bar, floats a slim thumb only while you are using it, and fades content out on whichever edge still has more to reach.
Progressive edge blur
2407Progressive edge blurLayoutA band pinned to one edge of a scrolling panel that blurs and fades its content gradually into the background instead of cutting it off at a hard line.
Focus scroll list
2357Focus scroll listLayoutA scrollable queue whose rows pop into full size and opacity as they reach the center of view, with hover and keyboard selection.
Masked reveal disclosure
2384Masked reveal disclosureLayoutA disclosure whose panel grows to its own natural height while a soft gradient edge wipes the content into view from the top, then runs backwards on close.
Masonry flow
1532Masonry flowLayoutA masonry wall that packs tiles of varying height into columns, lifts each one in as it scrolls into view, and re-seats the whole grid when the column count changes.
Curved Scroll Wall
2330Curved Scroll WallLayoutA horizontally scrolling wall of photos rendered on a gently curved, bowed plane that keeps scrolling infinitely in either direction.