Components · Actions

Button

A physical push button. One or two words, sentence case. One primary per view; the default ring marks what Return does.

jsx

import { Button } from '@andeus/ui';

Variants

jsx

<Button variant="primary">Run</Button>
<Button>Save</Button>
<Button variant="ink">Export</Button>
<Button variant="ghost">Cancel</Button>

Default ring

jsx

<Button variant="ghost">Not yet</Button>
<Button isDefault>Delete</Button>

Sizes and icons

jsx

<Button size="s" icon="plus">Add</Button>
<Button icon="play">Backtest</Button>
<Button size="l" iconRight="arrow-right">Continue</Button>
<Button disabled>Disabled</Button>

Props

Prop	Type	Default
variant	`'primary' \| 'secondary' \| 'ink' \| 'ghost'`	'secondary'	Visual weight.
size	`'s' \| 'm' \| 'l'`	'm'	Height 28 / 36 / 44.
isDefault	`boolean`	false	Draws the default-button ring.
round	`boolean`	false	Circular key.
icon	`IconName`	—	Icon before the label.
iconRight	`IconName`	—	Icon after the label.
fullWidth	`boolean`	false	Stretch to container.
disabled	`boolean`	false
type	`'button' \| 'submit' \| 'reset'`	'button'
onClick	`(e: React.MouseEvent) => void`	—
children	`ReactNode`	—	Label.

PreviousIcons NextIconButton