Button

<vox-button> renders an accessible button, or a link styled as a button when href is set.

Variants

BrandAltDangerGhost

<vox-button variant="brand">Brand</vox-button>
<vox-button variant="alt">Alt</vox-button>
<vox-button variant="danger">Danger</vox-button>
<vox-button variant="ghost">Ghost</vox-button>

Sizes

SmallMediumLarge

<vox-button size="sm">Small</vox-button>
<vox-button size="md">Medium</vox-button>
<vox-button size="lg">Large</vox-button>

As a link

Visit Vox Pupuli

<vox-button href="https://voxpupuli.org" target="_blank">Visit Vox Pupuli</vox-button>

Disabled

Disabled

<vox-button disabled>Disabled</vox-button>

API

Attribute	Type	Default	Description
variant	brand | alt | danger | ghost	brand	Visual style
size	sm | md | lg	md	Button size
href	string	—	Render as a link
target	string	—	Link target (adds rel="noreferrer" for _blank)
type	button | submit | reset	button	Button type
disabled	boolean	false	Disable the button