- Components
- Button
Button
Clickable button for actions and triggers.
Demo
Installation
terminal
Button Principles
In
jk-ui, a button appearance is defined by two core dimensions: variant and intent. This separation ensures visual consistency, clear action hierarchy, and full themeability.Variant controls the visual treatment of the button, while intent communicates the meaning of the action. If you want to customize the variant, take a look at the button utilities page.
Sizes
Icons
Examples
With icon
All Variants and intents
Primary
Secondry
Accent
Destructive
Gray
Neutral
White
Solid
Outline
Soft
Ghost
Click me-Click me-
Click me-Click me-Click me-
Click me-Click me-Click me-
Click me-Click me-
Click me-
Click me-
Click me-