---
title: "Button"
id: "button"
description: "A Button is a button."
components: ["Button"]
---

import Default from "@/demo/Button/Default";
import Variant from "@/demo/Button/Variant";
import ColorScheme from "@/demo/Button/ColorScheme";
import Loading from "@/demo/Button/Loading";
import Disabled from "@/demo/Button/Disabled";
import Size from "@/demo/Button/Size";
import WithDecorator from "@/demo/Button/WithDecorator";

## Overview

<CodeSandbox {...Default} />

## Variant

<CodeSandbox {...Variant} />

## Color scheme

<CodeSandbox {...ColorScheme} />

## Loading

<CodeSandbox {...Loading} />

## Disabled

<CodeSandbox {...Disabled} />

## Size

<CodeSandbox {...Size} />

## With decorator

<CodeSandbox {...WithDecorator} />
