Buttons

Notched console button

An 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.

Using Notched console button

An 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.

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, label, notch, cycleMs, blur

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

2674Bevel frame buttonButtonsA square framed button whose two ends bevel into points on hover, turning the rectangle into a six sided badge.

1826Drive through buttonButtonsA 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.

1852Edge Collapse ButtonButtonsA flat button with a thick colored lip along its bottom edge that folds down to a hairline as the button drops onto it.

2571Scanline sweep buttonButtonsA dark console-style button that drops a thin glowing bar down its face on hover while the heavy edge of its border migrates from bottom to top.

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.