Button Component

The Button component is a versatile and customizable button that can be used throughout your application.

Props

PropTypeDefaultDescription
size"xs" | "sm" | "md" | "lg" | "xl""md"Sets the size of the button
variant"primary" | "secondary" | "success" | "warning" | "error" | "ghost""primary"Sets the color variant of the button
clickEffect"ripple" | "push" | "none""ripple"Sets the click effect of the button
isLoadingbooleanfalseShows a loading spinner when true

Usage

import { Button } from 'knoxui-react';

<Button variant="primary" size="md">
  Click me!
</Button>

Examples

Sizes

Variants

Click Effects

Loading State

Disabled