Buttons

Answer call circle

A round icon-only accept button with a handset glyph, a slow outward ring while a call waits, and a soft press dip.

Using Answer call circle

A round icon-only accept button with a handset glyph, a slow outward ring while a call waits, and a soft press dip.

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, size, ringing, ringSpeed

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

2490Decline call circleButtonsA round icon-only decline button whose handset glyph tilts into a hung-up pose while pressed, with a small refusal shake on hover.

2695Circle plus add buttonButtonsA wordless add button whose plus sign draws its two strokes outward from the centre on hover while the fill deepens.

2319Circled Arrow PillButtonsA solid high-chroma pill with the label on the left and a ringed arrow on the right that nudges forward on hover.

2595Detached Ring PillButtonsA dark pill orbited by a floating outline ring that pushes further out and floods the pill with color on hover.

2677Halo ring buttonButtonsAn outlined button that throws a single ring outward when you hover it, the band expanding past the edge and thinning to nothing as it goes.

2544Outset ring tilt buttonButtonsA badge-style button with a thick ring floating outside its edge that grows, tips a couple of degrees and drops a hard shadow on hover.