Buttons

Raised bezel button

A tactile action key built from three stacked plates, a machined rim, a rounded body and an inset capsule face, that sinks into its shadow when pressed.

Using Raised bezel button

A tactile action key built from three stacked plates, a machined rim, a rounded body and an inset capsule face, that sinks into its shadow when pressed.

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, bezelWidth, pressDepth, showIcon

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

2529Nested bezel send buttonButtonsThree nested frames make one chunky physical button: an outer bezel, a shaded well and an inner capsule whose glyph spins a full turn plus a quarter on hover.

2655Stacked plate press buttonButtonsA chunky rounded button built from three nested plates that telescope apart on press and snap back on release.

2620Three layer push buttonButtonsA tactile key built from three stacked plates, a cast shadow, a dark side wall and a floating face, that springs up on hover and bottoms out instantly on press.

2574Arcade dome buttonButtonsA round pushbutton whose domed cap floats above a darker base and seats flush with a visible drop when pressed.

2583Capsule in frame buttonButtonsA bordered outer tray holding a floating inner capsule that sinks into the frame for the length of a press.

2660Elevation ladder fill buttonButtonsA capsule that climbs three elevation steps between rest, hover and press while a soft-edged accent wash crosses its face.