Fieldbook
Sign in

Buttons

Trailing arrows text button

A borderless text link that widens its letter spacing on hover while a trail of arrows fans out to the right, each one further and fainter than the last.

Using Trailing arrows text button

A borderless text link that widens its letter spacing on hover while a trail of arrows fans out to the right, each one further and fainter than the last.

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: label, accent, arrowCount, spread, stagger

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

Caret tail link
2508Caret tail linkButtonsA quiet text link with a small angle bracket riding just past its last letter, which slides outward and gains an underline on hover.
Center out underline link
1929Center out underline linkButtonsA navigation link whose underline grows outward from the middle to both ends on hover and retracts back to a point when the pointer leaves.
Echo halo hover button
2522Echo halo hover buttonButtonsA dark pill that on hover or keyboard focus throws stepped, fading copies of itself along the four diagonals while the pill itself grows.
Nudging chevron button
2632Nudging chevron buttonButtonsA quiet accent-tinted button whose chevron mark waits in negative space, then slides in on hover and shoves the label sideways while the palette cools to neutrals.
Opposing rule text button
2537Opposing rule text buttonButtonsA borderless uppercase text button bracketed by two rules that sweep in from opposite ends on hover or focus and retreat the way they came.
Rising Circle Fill
2723Rising Circle FillButtonsAn outlined pill that fills on hover as a large accent circle rises from below its rim while the label tracking widens.