Dottiv1.1
← Components

Button

Component

Clickable button component with multiple variants and states.

Installation & Usage

Basic Usage
import { Button } from 'dotti'

<Button variant="primary" onClick={() => console.log('clicked')}>
  Click me
</Button>

Examples

Button Variants

Different button styles for various use cases.

Code
<Button variant="primary">Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>

Button Sizes

Different button sizes for various contexts.

Code
<Button size="sm">Small</Button>
<Button size="md">Medium</Button>
<Button size="lg">Large</Button>

Accent Button

Buttons with accent color for important actions.

Code
<Button accent>Primary Accent</Button>
<Button variant="secondary" accent>Secondary Accent</Button>

Props