MinimalButton

MinimalButton provides a sleek and minimal aesthetic. It features a simple outline and an understated repeating linear gradient background, keeping the focus on its content while providing an elegant touch to your UI.

Preview

MinimalButton

Interactive

Install

Add the item with the shadcn CLI.

npx shadcn@latest add @evilbuttons/minimal

Usage

[]txt

import MinimalButton from "@/components/evil-buttons/minimal";

export function ButtonDemo() {
  return (
    <MinimalButton>
      Launch
    </MinimalButton>
  );
}

Props

Prop	Type	Default	Description
`children`	`React.ReactNode`	-	The visible button label or content.
`className`	`string`	-	Extra classes passed to the wrapper.

Registry

The registry item includes components/evil-buttons/minimal.tsx and installs clsx and tailwind-merge as dependencies. The component imports cn from @/lib/utils and Button from @/components/ui/button.