Skip to content
FormBrowse form components
ComponentsFormStable

Checkbox & Radio

Native checkbox/radio with theme accent color and 3 sizes.

Live preview

Usage

Adapters:React stableVue stable
index.html
<input class="lm-checkbox" type="checkbox" id="terms" />
<label for="terms">I agree</label>

CSS classes (3)

ClassDescription
lm-checkboxNative checkbox
lm-radioNative radio
lm-{control}-{size}sm | md | lg

React props (1)

PropTypeDefaultDescription
sizeSizemd

Accessibility

  • Every control needs a visible <label> or aria-label.
  • Use aria-describedby to link hints and error messages.
  • Never rely on color alone for invalid state — pair with text + icon.
  • Required fields use aria-required and an inline marker.

Spotted something wrong? Edit this entry on GitHub.