Checkbox

PreviousNext

Accessible custom checkbox for agreements and opt-ins with compact validation feedback.

Required before creating an account.

Installation

pnpm dlx shadcn@latest add https://matos-ui.com/r/checkbox.json

Usage

import { CheckboxField } from "@/components/matos-ui/checkbox"

<CheckboxField
  label="I agree to the terms"
  checked={field.value}
  onCheckedChange={field.onChange}
  error={errors.terms?.message}
/>

Checkbox wraps the Base UI primitive and CheckboxField adds label, supporting description, and animated validation output.