---
title: "Checkbox"
description: "Checkbox with sizes and variants"
source: "Equality"
---
import { Checkbox } from "@eqtylab/equality";

## States

### Default Unchecked

<Checkbox checked={false} client:only="react" />

### Checked

<Checkbox checked={true} client:only="react" />

### Disabled Unchecked

<Checkbox checked={false} disabled client:only="react" />

### Disabled Checked

<Checkbox checked={true} disabled client:only="react" />

## Size Variants

### Medium (default)

<Checkbox checked={true} client:only="react" />

### Small

<Checkbox checked={true} size="sm" client:only="react" />