import { CodeBlock } from "@src/helpers/DocBlocks";
import Button from "./Button";

# Button

> Button Components which adheres to the Haptik Design System.

<CodeBlock>
  <Button size="regular" themed>
    Default Button
  </Button>
</CodeBlock>

## Examples

<CodeBlock title="variant: Primary">
  <Button size="regular" themed>
    Primary
  </Button>
</CodeBlock>

<CodeBlock title="variant: Secondary">
  <Button size="regular" themed variant="secondary">
    Secondary
  </Button>
</CodeBlock>

<CodeBlock title="variant: Danger">
  <Button size="regular" themed variant="danger">
    Danger
  </Button>
</CodeBlock>

<CodeBlock title="variant: Warning">
  <Button size="regular" themed variant="warning">
    Warning
  </Button>
</CodeBlock>

<CodeBlock title="variant: Disabled">
  <Button size="regular" themed variant="disabled">
    Disabled
  </Button>
</CodeBlock>

<CodeBlock title="variant: Success">
  <Button size="regular" themed variant="success">
    Success
  </Button>
</CodeBlock>

<CodeBlock title="size: Small">
  <Button size="small" themed variant="secondary">
    small
  </Button>
</CodeBlock>

<CodeBlock title="size: Medium">
  <Button size="medium" themed variant="secondary">
    medium
  </Button>
</CodeBlock>

<CodeBlock title="size: Large">
  <Button size="large" themed variant="secondary">
    large
  </Button>
</CodeBlock>