---
title: 'Toggle'
description: 'A two-state button that can be either on or off.'
sidebar:
  label: 'Toggle'
  order: 56
---

<Component path="toggle/default" />

## Outline

<Component path="toggle/outline" />

## Small

<Component path="toggle/small" />

## With Text

<Component path="toggle/with-text" />

## Large

<Component path="toggle/large" />

## Disabled

<Component path="toggle/disabled" />