Guide checkbox usage with Checkbox and FormCheckbox from @techsio/ui-kit.
npx skills add https://github.com/TechsioCZ/new-engine --skill checkbox-usage
Please help me install this Agent Skill. Skill: checkbox-usage Source: https://github.com/TechsioCZ/new-engine/tree/main/libs/ui/skills/checkbox-usage Command: npx skills add https://github.com/TechsioCZ/new-engine --skill checkbox-usage
Checkbox usage guides developers to implement accessible, consistent checkbox controls using the bare Checkbox atom and the labeled FormCheckbox molecule.
Instantiate a Checkbox or FormCheckbox in your UI to create accessible labeled form controls.
High-intent search queries and answers about installing and using this skill.
Use the FormCheckbox molecule to implement accessible checkboxes with labels, helper text, and validation messages in form rows. It provides proper layout handling and labeling out of the box.
Use the bare Checkbox atom for the control only. Use FormCheckbox when the UI includes a label, helper text, validation text, or a form-field layout to ensure proper accessibility.
Yes, the checkbox components support indeterminate and invalid states, allowing you to handle partial selection UIs and visually indicate form validation errors within your application forms.
The best way to ensure consistent checkbox controls is to reuse the labeled FormCheckbox molecule across your app, enforcing proper labeling and layout handling rather than building custom checkbox implementations.
Yes, use the FormCheckbox molecule to add helper text. It is designed to manage labels, helper text, and validation messages while maintaining proper form-field layout across components.
TechsioCZRender accessible labeled checkboxes with validation using FormCheckbox and ZagJS.
dpearson2699Implement, review, and debug push notifications for iOS and macOS apps.
sadamkhan7679Provide type-safe React form components for react-hook-form and shadcn/ui.
kriscendobotStyle native HTML select elements with CSS pseudo-elements and pseudo-classes.
