Checkbox — Playground

px
size
State
html.html
<label class="checkbox-option">
  <input kuiCheckbox type="checkbox" checked />
  <span>Receive updates</span>
</label>
NameTypeDefaultDescription
size'xs' | 'sm' | 'md' | 'lg''md'Checkbox size mapped to Kikita checkbox tokens.
invalidbooleanfalseMarks the checkbox invalid outside a field error state.
idstring | undefined-Explicit id override. Inside kui-field, the field id is used when omitted.
checkedbooleanfalseNative checked state. Not a directive input; bind it directly on the input element.
disabledbooleanfalseNative disabled state. Not a directive input; bind it directly on the input element.
indeterminatebooleanfalseNative DOM property, not an HTML attribute or directive input. Set it imperatively on the element to show the dash-mark state; .kui-checkbox styles :indeterminate.

Inputs verified against @kikita-labs/ui v1.6.1 public typings.