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
Link
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
Link Hover 1
Link Hover 2
Origin UI Examples
These are some examples that I found today over here Origin UI. I think they are cool.
To use these examples you will have to copy the code and adjust it for your own use.
Animated Close Button
Animated Rotate Plus
Group Outline Counter
256
Volume Control
Volume Control
3
Animated Copy
Upload Button w/ Icon
No image uploaded