1. Components
  2. 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
--
---
---
--
-
-
-