Button

The inherited Ecology button, wearing the Noria skin. Primary reflects whatever --color-primary this spoke's theme sets; the rest of the palette is inherited.

Inherited .astro import EsaButton from '@esa/ecology/esa-button.astro';

Colors

<EsaButton color="primary">Save</EsaButton>

Outline

<EsaButton color="primary" appearance="outline">Save</EsaButton>

Sizes

<EsaButton size="xs">Save</EsaButton>

API

Prop	Type	Default	Description
`color`	`'primary' \| 'secondary' \| 'danger' \| 'success' \| 'warning' \| 'info' \| 'ai' \| 'ghost'`	`'primary'`	Semantic color role. Primary comes from --color-primary, which this spoke re-points in its theme.
`appearance`	`'fill' \| 'outline'`	`'fill'`	Solid or outlined.
`size`	`'xs' \| 'sm' \| 'md' \| 'lg'`	`'md'`	Control size.
`disabled`	`boolean`	`false`	Non-interactive state.
`loading`	`boolean`	`false`	Shows a spinner and blocks input.