Amines UI

Button

A styled button with six visual variants and native button attributes.

Installation

  1. 1

    Install the component:

    npx shadcn@latest add https://ui.amines.fun/r/button.json
  2. 2

    Usage:

    jsx

    app/page.jsx

    import Button from "@/registry/components/Buttons/Button";export default function Page() {  return <Button>Explore Pro</Button>;}

Props

PropTypeDefaultDescription
childrenReactNode—Content displayed inside the button.
variant"default" | "destructive" | "secondary" | "outline" | "ghost" | "push"defaultVisual style of the button. Unknown values fall back to the default variant.
type"button" | "submit" | "reset"buttonNative button type.
classNamestring—Additional CSS classes merged with the button styles.
...propsReact.ButtonHTMLAttributes<HTMLButtonElement>—Other native button attributes, such as disabled, onClick, and aria-label.