Axonyx UI
Components/Button

Button

A clear next step. Primary, secondary, and quiet actions, with the same Foundry finish.

Live preview

Installation

Add the component to your Axonyx project.

Terminal
cargo ax add button

Usage

Axonyx
import { Button } from "@axonyx/ui/foundry/Button.asx"

<Button variant="primary">Save changes</Button>

Sizes

Use compact controls in toolbars and larger controls for prominent actions.

Small · Default · Large

API contract

PropValuesPurpose
variantprimary, secondary, ghostVisual emphasis
sizesm, default, lgControl density
typebutton, submit, resetNative form behavior
surface / borderforgedOptional material treatment

Use LinkButton or an anchor for navigation. For the new finish, apply adata-foundrycontainer as described inTheming.