Buttons

Record toggle pulse

A near-black pill with an accent microphone that toggles recording, breathing in time while armed and counting elapsed time in place of the label.

Click to arm, click again to stop

Using Record toggle pulse

A near-black pill with an accent microphone that toggles recording, breathing in time while armed and counting elapsed time in place of the label.

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, pulseSpeed, showTimer

Which frameworks are available?

The catalog lists these versions: react. 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

2602Breathing CTA pillButtonsA round-ended call to action that swells on hover and settles into a slow breathing pulse of scale and brightness until the pointer leaves or the button is pressed.

2470Breathing transport toggleButtonsA tinted playback chip that swaps between play and pause on click, its glyph breathing while the pointer rests on it.

2492Follow count swipeButtonsAn outlined follow pill whose round accent badge slides to the far end on hover, painting a band that uncovers the follower count; clicking commits the follow with a stamp and bumps the count.

2565Pulsing play orbButtonsA round play button that throws a ring of light outward on a steady beat, swells under the pointer and slows its pulse once paused.

2061Swelling pill add buttonButtonsA heavy accent pill with a slowly breathing plus mark that swells about a tenth larger on a long slow ease and sinks into an inner shadow when held.

2466Add Then Confirm ChipButtonsA dark chip with a warm label whose plus rocks side to side on hover, then rotates into a tick and reports the item added.