Component library

Rich, reusable components

Discover our comprehensive collection of production-ready components. Browse through the file tree to explore different implementations, patterns, and best practices for building modern web applications.

src

components

ui

button.tsx
import * as React from \"react\"
import { Slot } from \"radix-ui\"
import { cva, type VariantProps } from \"class-variance-authority\"
import { cn } from \"@/lib/utils\"

const buttonVariants = cva(
  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium\",
  {
    variants: {
      variant: {
        default: \"bg-primary text-primary-foreground\",
        outline: \"border bg-background\"
      }
    }
  }
)

export function Button(props) {
  return <button className={cn(buttonVariants())} {...props} />
}