Buttons

Wheel hint scroll button

A small mouse outline with a bobbing wheel bar that scrolls the next screenful into view on click and fades out when nothing is left to scroll.

Release notes

The wheel bobs while the next section waits. Rest on the mouse to speed it up, then click it to glide down.

Changelog

v2.4 cut first paint to 90 ms on a warm cache and moved skeletons off the critical path.

At the bottom of the panel the cue fades out. Scroll back up and it returns.

Using Wheel hint scroll button

A small mouse outline with a bobbing wheel bar that scrolls the next screenful into view on click and fades out when nothing is left to scroll.

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: accent, label, showLabel, height, cycle

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2506Scroll cue buttonButtonsA small scroll affordance whose chevron falls through its clipped window on hover or focus in an endless loop, and whose click glides the nearest scrollable area toward the next section.

2584Scroll cue pillButtonsA tall capsule holding a long thin arrow that drifts on a loop, grows under the pointer and collapses once used.

2555Scroll hint buttonButtonsA narrow upright capsule with a bead that slides down inside it on a loop, captioned below, that scrolls the nearest scrollable area one screen when pressed.

2536Dashed outline tooltip buttonButtonsA dashed ghost button that floods with its accent on hover or focus while a pointed tooltip unrolls out of the edge nearest the button.

2501Arcade plate buttonButtonsA wide game-menu button with a grey outlined plate, an inset dark bevel and stamped lettering that brightens on hover and darkens while held down.

2674Bevel frame buttonButtonsA square framed button whose two ends bevel into points on hover, turning the rectangle into a six sided badge.