Skip to content
Fieldbook
Menu
Sign in
EN

Buttons

Caret tail link

Caret tail link: A quiet text link with a small angle bracket riding just past its last letter, which slides outward and gains an underline on hover.

Using Caret tail link

Caret tail link uses the inline preview frame with a light/dark theme setting.

Customize the preview

These controls are passed to the demo. Defaults and limits describe the preview; consult the implementation for its full prop API.

ControlTypeDefaultPreview limits
labeltextView release notesUp to 40 characters
accentcolor#38BDF8No additional limit in the metadata.
directionselectrightOptions: right, up-right, down
travelnumber4From 0 to 12; step 1
underlinebooleantrueNo additional limit in the metadata.
Which frameworks are available for Caret tail link?

Caret tail link is available for React, Vue, Svelte, Astro, HTML. The live preview uses React; the source observations below apply to index.tsx. Check the selected port before relying on the same interactions.

What does Caret tail link depend on?

The React metadata lists no additional npm dependencies beyond React.

What accessibility details are visible in Caret tail link?

The React source for Caret tail link includes: native elements (a, button); attributes and handlers (aria-hidden). These are source observations. Verify accessible names, focus order and keyboard behavior in the composed page.

How does Caret tail link handle reduced motion?

The source scan found no direct useReducedMotion() or matchMedia preference read in Caret tail link's index.tsx. Check the full implementation, shared styles and selected port with reduced motion enabled; these observations do not establish that every animation stops.

Connect your agent

Related open components

Still of the Center out underline link component, a Fieldbook UI component in Buttons.
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.
Still of the Nudging chevron button component, a Fieldbook UI component in Buttons.
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.
Still of the Opposing rule text button component, a Fieldbook UI component in Buttons.
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.
Still of the Amber upload pill component, a Fieldbook UI component in Buttons.
2707Amber upload pillButtonsA warm gradient upload pill with a bright rim that widens its coloured cast and lights the label from behind on hover.
Still of the Arrow to label pill component, a Fieldbook UI component in Buttons.
2469Arrow to label pillButtonsA round chevron button that stretches into a wide labeled pill on hover, trading the mark for a word as the flat fill becomes a two-stop ramp.
Still of the Arrow wipe call to action component, a Fieldbook UI component in Buttons.
1629Arrow wipe call to actionButtonsA call to action whose darker plate wipes in from the left on hover while a tucked arrow slides out to meet the label, and pushes down a pixel when clicked.