UI Components

Buttons

Fill

Outline

Soft & Sizes

Badges

Primary Success Warning Danger Info Default

Alerts

Success! Action completed.

Danger! Something went wrong.

Warning! Review before proceeding.

Text input

With addon

@

Select

Invalid state

This field is required.

Remember me Subscribe

Card title

Some quick example text to build on the card title.

Progress bars

Spinners