Form fields·loomora/CheckField
CheckField
A stylized check control that supports checkbox, radio, and switch modes with native input events.
Interactive live playground
Tweak props, change states, and see the live component respond in real time.
How to call
Import directly from the Loomora package root. For projects without Tailwind CSS, ensure loomora/dist/index.css is imported once in your root layout.
import { CheckField } from 'loomora'
<CheckField label="Enable updates" properties={{
type: 'checkbox', checked, onChange: (event) => setChecked(event.target.checked),
}} />API reference
Important public props and how they affect rendering.
| Prop | Type | Default | Description |
|---|---|---|---|
| properties.type | 'checkbox' | 'radio' | 'switch' | 'checkbox' | Visual and semantic control type. |
| properties.checked | boolean | — | Controlled checked state. |
| properties.onChange | ChangeEvent handler | — | Receives the native input change event. |
| color / activeColor | semantic text color | config defaults | Unchecked and selected colors. |
| label / inputHelper / error | field composition props | — | Label and field feedback. |