Examples
Production-focused checkbox patterns rendered with the component layer only. Each variant keeps the <tng-checkbox> API stable while swapping the surrounding styling system.
Form usage
A live confirmation step showing checkbox state inside a submit flow.
Checkbox form usage
Consent and readonly policy
Separate editable consent from product-owned readonly acknowledgement copy.
Consent and readonly policy (Plain-CSS)
Consent and readonly policy (Tailwind CSS)
Tri-state select-all
Parent selection mirrors child completion using checked and mixed state without leaving the component API.
Tri-state select-all (Plain-CSS)
selected: build
Tri-state select-all (Tailwind CSS)
selected: build
Validation emphasis
Use component-level invalid state when a mandatory policy or checklist item is still incomplete.