Button — logic2b/ui

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

export default function ButtonDemo() {
  return (
    <div className="flex flex-wrap items-center justify-center gap-2">
      <Button>Default</Button>
      <Button variant="secondary">Secondary</Button>
      <Button variant="outline">Outline</Button>
      <Button variant="ghost">Ghost</Button>
      <Button variant="link">Link</Button>
      <Button variant="destructive">Destructive</Button>
    </div>
  )
}

Installation

npx logic2b@latest add button

Usage

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

<Button variant="outline" size="lg">Click me</Button>

API

Prop	Type	Default
`variant`	`default \| destructive \| outline \| secondary \| ghost \| link`	`default`
`size`	`default \| sm \| lg \| icon`	`default`
`asChild`	`boolean` — render as the child element (e.g. a link)	`false`

As a link

<Button asChild>
  <a href="/docs">Read the docs</a>
</Button>