Button

A button is a component that is used to trigger an action.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add button

Plain Buttons

Here we have a few examples of the plain buttons.

Default Button

Secondary Button

With Icon

Loading

Outline

Destructive

Ghost

Icon

Sizes

Here are the different sizes that are available for the buttons.

Regular Button Sizes

Icon Button Sizes

Enhanced Buttons

These are some buttons that I found today over here Enhanced Buttons. I think they are cool.

Expand Icon - Right

Expand Icon - Left

Gooey - Left

Gooey - Right

Shine

Ring Hover