UI: Components

Button

A simple button component.

Can be used with <button> or .ui-button — and [disabled] or .--disabled

Colors

Used here with --rounded and --light modifiers.

Accent Disabled Light Light Disabled

Success Disabled Light Light Disabled

Warning Disabled Light Light Disabled

Error Disabled Light Light Disabled

Info Disabled Light Light Disabled

Black Disabled Gray Disabled

Outlines

Button Disabled Submit

Accent Success Warning Error Info Black Gray

With opposite color-scheme

Sizes

xxsmall xsmall small default large xlarge xxlarge

Icon

Add to order