Button

A clickable button component with blocky styling.

The Button component is a versatile, accessible button built with blocky, funky styling. It supports multiple variants and sizes. Built from scratch using React and native HTML button elements. No UI library dependencies.

Usage

Copy the Button component code into your project, then use it like this:

import { Button } from "@/components/ui/button"

<Button>Click me</Button>
<Button variant="outline">Outline</Button>
<Button variant="destructive">Delete</Button>

Make sure you also have the lib/utils.ts file with the cn helper function.

Examples