form-checkbox-usage

You create an accessible labeled checkbox in React by using a FormCheckbox component that integrates ZagJS to handle state, label, help text, and validation status consistently across enabled or disabled contexts.

The indeterminate state represents a partial selection in a checkbox UI. You need it when a parent checkbox controls a group of child checkboxes, and only some of the children are currently checked, indicating an incomplete selection state.

Yes, the FormCheckbox component requires and leverages ZagJS integration to ensure predictable behavior, consistent rendering, and proper state management for controlled checked and indeterminate states.

To add help text and error status to a form checkbox, use the provided helpText prop and built-in validation indicators. This renders consistent error or status messages alongside the labeled checkbox for accessible user feedback.

Yes, you can use this labeled checkbox in a disabled form context. The component is designed to render consistently across both enabled and disabled contexts, maintaining proper accessibility and state handling.