Skip to content
Proto UI
Preview runtime
选择适配器 Runtime Web Components React Vue Vue 2
Preferences and community
Language
选择语言 / Select Language English English 简体中文 简体中文
Community

Search

Loading search…
Toggle theme

Bootstrap 2.3.2 Checkbox

Custom Root and Indicator over Base Checkbox.

The custom Root / Indicator anatomy adapts the Bootstrap 2.3.2 visual language. It is not the archived native checkbox implementation, and it does not bundle legacy Bootstrap JavaScript or Glyphicons.

Base Checkbox owns controlled and uncontrolled checked and indeterminate, pointer and Space activation, disabled behavior, focus, and the checkbox role with its mixed state. Indicator derives its tick or dash from the nearest Root and owns no second value or activation. Mixed takes precedence over checked.

Use the page runtime selector to compare Web Components, React, Vue 3, and Vue 2. Toggle the unchecked, checked, and mixed examples; Tab to the final control for keyboard focus.

Loading interactive preview… The article and source are ready to read. Interactive controls will appear here when ready.

API

Section titled “API”
  • Root: checked / defaultChecked, indeterminate / defaultIndeterminate, and disabled
  • Root emits inherited checkedChange and indeterminateChange signals
  • Indicator: derived display only; place it inside its Root

This is a draft, private, unreleased source projection. The archived light palette stays fixed in dark hosts. The Web demo does not establish general Prototype Compiler or GPUI, Flutter, or Qt conformance. Browse the implemented subset.