Checkbox

Many choices; 16px boxes, 3px radius, ink when checked.

Pass

Proof checklist

The sheet leaves when every box is ink.

Install

npx @noordvc/raster-cli add checkbox

Markup

<label class="rs-choice"><span class="rs-check rs-check-on"><svg viewBox="0 0 12 12" fill="none"><path d="M2.5 6.5l2.5 2.5 4.5-5.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Brand</label>

React

import { Checkbox } from "@/components/raster/checkbox";

<Checkbox label="Brand" defaultChecked />

Classes

.rs-choice.rs-check.rs-check-on