Componentsstable

Button

Three variants, three sizes. Fully typed, forwards a ref, and inherits every native button attribute via rest props.

Preview

Variants

Sizes

State

Usage

import { Button } from "kora-ui";

<Button variant="primary">Save</Button>
<Button variant="secondary">Cancel</Button>
<Button variant="ghost" size="sm">Learn more</Button>

Props

Prop	Type	Default
variant	"primary" \| "secondary" \| "ghost"	"primary"
size	"sm" \| "md" \| "lg"	"md"
...rest	ButtonHTMLAttributes<HTMLButtonElement>	—

Electric tint

Because every style is Tailwind utility classes, you can override the look with the electric palette directly through className: