Button

Button is essentially a Box component with as="button" and cursor="pointer" set by default. It is a fundamental interactive component in Kuma UI.

Import

import { Button } from "@kuma-ui/core";

Usage

const ButtonExample = () => {
  return (
    <Button p={8} bg="blue" color="white" borderRadius={6}>
      Click me
    </Button>
  );
};

Props

Button accepts all the same props as Box. In addition, it accepts all the standard attributes for HTML button elements.