Skip to main content

AmbientButton

AmbientButton wraps a native <button> with ambient styling.

Interactive preview​

Triggered: 0

Props​

Inherits all ButtonHTMLAttributes<HTMLButtonElement> props.

Examples​

Basic​

<AmbientButton>Play</AmbientButton>

Disabled​

<AmbientButton disabled>Bypass</AmbientButton>

Custom click handler​

<AmbientButton onClick={() => console.log("trigger")}>Trigger</AmbientButton>

Default class stack​

ambient amb-button amb-chamfer amb-elevation-1 ambx-button amb-heading-3