Skip to content
Fieldbook
Menu
Sign in
EN

Buttons

Launch orbit button

Launch orbit button: A pill that breathes a ring outward on a loop, scatters its dust motes on hover, and sends a small craft looping across the label.

Using Launch orbit button

Launch orbit button uses the inline preview frame with a 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
accentcolor#38BDF8No additional limit in the metadata.
labeltextShip itUp to 20 characters
dotCountnumber7From 0 to 14; step 1
pulsebooleantrueNo additional limit in the metadata.
flightMsnumber1800From 600 to 3000; step 100
Which frameworks are available for Launch orbit button?

Launch orbit button 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 Launch orbit button depend on?

The React metadata lists these npm dependencies beyond React: motion.

What accessibility details are visible in Launch orbit button?

The React source for Launch orbit button includes: attributes and handlers (aria-hidden, onKeyDown, onKeyUp); key comparisons (Enter, Space). These are source observations. Verify accessible names, focus order and keyboard behavior in the composed page.

How does Launch orbit button handle reduced motion?

Launch orbit button reads the motion preference in its React source through matchMedia(prefers-reduced-motion). 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 Arrow chip button component, a Fieldbook UI component in Buttons.
2640Arrow chip buttonButtonsA rounded action button with a glowing arrow chip docked in its right end that lifts off the page on hover with a hard offset shadow and sinks on press.
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.
Still of the Invert and lift button component, a Fieldbook UI component in Buttons.
2700Invert and lift buttonButtonsA tall outlined button that inverts to a solid fill and lifts a couple of pixels on hover, then settles flat again when pressed.
Still of the Orbiting rim light button component, a Fieldbook UI component in Buttons.
2009Orbiting rim light buttonButtonsA dark pill whose one pixel rim is lit from behind by a slowly turning cone of colour, spinning faster while the button is held.
Still of the Press down sweep button component, a Fieldbook UI component in Buttons.
2776Press down sweep buttonButtonsA solid button whose fill washes brighter from one side on hover and drops flat against the page while it is held.
Still of the Pulse halo button component, a Fieldbook UI component in Buttons.
1648Pulse halo buttonButtonsA solid button that keeps emitting a soft halo of its own color, either breathing in place or throwing off expanding rings on a loop.