Button

BreadcrumbCalendar

Five variants, three sizes, icons and loading state.

Installation

pnpm add krz-ui

Usage

import { Button } from "krz-ui";
<Button variant="outline" size="lg" loading={saving}>
  Save changes
</Button>

API Reference

PropTypeDescription
variant"primary" | "secondary" | "outline" | "ghost" | "danger"Visual style.
size"sm" | "md" | "lg"Button size.
loadingbooleanShows a spinner and disables the button.
leftIcon / rightIconReactNodeIcons around the label.
fullWidthbooleanStretch to the container width.
className / style / ref—All go to the outer element. See Customization.
classNames{ icon?, label?, spinner? }Extra classes for inner parts.