Button

It's just a button.

Import

import { Button } from '@chimera-ui/components'

Basic Usage

<Button>
  Click Me
</Button>

Variants

<div className="flex flex-wrap gap-4">
  <Button>
    Primary
  </Button>
  
  
  <Button variant="subtle">
    Subtle
  </Button>
  
  
  <Button variant="outline">
    Outline
  </Button>
  
  
  <Button variant="secondary">
    Secondary
  </Button>
  
  
  <Button variant="secondary-subtle">
    Secondary Subtle
  </Button>
  
  
  <Button variant="secondary-outline">
    Secondary Outline
  </Button>
  
  
  <Button variant="gradient">
    Gradient
  </Button>
  
  
  <Button variant="destructive">
    Destructive
  </Button>
  
  
  <Button variant="success">
    Success
  </Button>
  
  
  <Button variant="info">
    Info
  </Button>
  
  
  <Button variant="warning">
    Warning
  </Button>
</div>

Avatar Checkbox