---
title: Checkbox
description: "The square settings checkbox, with the game's hover, checked and crossed sprites."
---

<Component path="checkbox/playground" />

## Installation

```bash
npx shadcn@latest add https://osrsui.com/r/checkbox.json
```

## Usage

```tsx
import { Checkbox } from "@/components/ui/checkbox"

<Checkbox defaultChecked />
```

## Notes

`checked="indeterminate"` shows the crossed box.

## Variants

`variant="bordered"` is the larger tan-bordered box from the modern Settings window.

```tsx
<Checkbox variant="bordered" defaultChecked />
```