Inputs

Checkbox

A checkbox built on a visually-hidden native input, so it keeps full native form semantics while the visible box is styled from tokens.

Checkbox

Preview

Accept terms and conditions

Usage

tsx

import { Checkbox } from "@vesture/react";

<Checkbox
  label="Accept terms"
  checked={accepted}
  onChange={(e) => setAccepted(e.target.checked)}
/>

Props

Prop	Type	Default	Description
label	ReactNode	—	Rendered inside the wrapping <label>, after the visual box.
indeterminate	boolean	false	Sets the DOM .indeterminate property (a dash, not the browser-native attribute) — for "some but not all children selected" states, e.g. TreeView's cascading checkboxes.
...rest	Omit<InputHTMLAttributes<HTMLInputElement>, "type">	—	Spread onto the hidden native input — checked, defaultChecked, onChange, disabled.