Checkbox

The square settings checkbox, with the game's hover, checked and crossed sprites.

Installation

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

Usage

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.

<Checkbox variant="bordered" defaultChecked />