Forms

Checkbox

A control that allows the user to toggle between checked and not checked.

Import

import { Checkbox } from "@countryclub/ui-react";

Default

Base

The bare control — unchecked, checked and indeterminate.

With Label

Pair the checkbox with a Label via matching ids.

With Label & Hint

Add supporting hint text under the label.

Tournaments, socials and member mixers at the club.

Monthly statements and payment receipts.

Disabled

Disabled checkboxes in every state.

Sizes

Two sizes via the "size" prop: "sm" (default) and "md".