Skip to content
Primer Design System

Primer Design System

Checkbox

Checkbox is a form control for single and multiple selections.

On this page

  • Updated 1 Oct 2024

Playground

No preview available
caption?
checked?
indeterminate?
state

Props

NameTypeValuesDefault
caption?Booleantrue false false
stateVariantrest disabled focus rest
checked?Variantfalse true false
indeterminate?Variantfalse true false

caption?

caption?: false, state: rest, checked?: false, indeterminate?: false
false
caption?: true, state: rest, checked?: false, indeterminate?: false
true

state

caption?: false, state: rest, checked?: false, indeterminate?: false
rest
caption?: false, state: disabled, checked?: false, indeterminate?: false
disabled
caption?: false, state: focus, checked?: false, indeterminate?: false
focus

checked?

caption?: false, state: rest, checked?: false, indeterminate?: false
false
caption?: false, state: rest, checked?: true, indeterminate?: false
true