Buttons

Drive through button

A boxy console button whose caption clears out of the way so a flat vehicle mark can roll in from the left, park, and shoot off the right edge when activated.

Using Drive through button

A boxy console button whose caption clears out of the way so a flat vehicle mark can roll in from the left, park, and shoot off the right edge when activated.

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, speed, borderWidth, autoDemo

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2390Notched console buttonButtonsAn angular panel button with a chamfered corner and a wedge cut from one side, plus two lit rules pumping along the top and bottom edges.

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.

2707Amber upload pillButtonsA warm gradient upload pill with a bright rim that widens its coloured cast and lights the label from behind on hover.

2625Anaglyph wobble buttonButtonsA button that hangs in a slow 3D swing and, when hovered or focused, throws warm and cool duplicates of itself out of register with an overshooting wobble.

2518Annotated anatomy buttonButtonsA button that explains itself: hovering pops out measurement marks and leader lines naming its padding, fill, corner radius and icon slot.

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