Brand
Changelog v1.4

Button

Buttons allow users to trigger actions with a single tap or click.

Variants

Default Primary Success Neutral Warning Danger

Outline

Default Primary Success Warning Danger

Sizes

Small Medium Large

Pill

Pill Primary Pill Success Pill Danger

With Icons

Settings Save Download

Loading & Disabled

Loading Disabled

Button Group

Left Center Right

Usage

<sl-button variant="primary">Save Changes</sl-button>
<sl-button variant="danger" outline>Delete</sl-button>
<sl-button variant="primary" loading>Saving...</sl-button>