Checkboxes

<div data-c-input="checkbox(single)">
    <span>Required</span>
    <div>
        <label for="cA1">
            <input
                id="cA1"
                type="checkbox"
                required/>
            <span>I consent to checking this checkbox.</span>
        </label>
    </div>
    <span>This input has an error.</span>
</div>

<div data-c-input="checkbox(group)">
    <label>I want the following superpowers:</label>
    <span>Required</span>
    <div>
        <label for="cA1">
            <input
                id="cA1"
                type="checkbox"/>
            <span>Flight</span>
        </label>
        <label for="cA2">
            <input
                id="cA2"
                type="checkbox"/>
            <span>Strength</span>
        </label>
        <label for="cA3">
            <input
                id="cA3"
                type="checkbox"/>
            <span>Laser Vision</span>
        </label>
        <label for="cA4">
            <input
                id="cA4"
                type="checkbox"/>
            <span>Invulnerability</span>
        </label>
        <label for="cA5">
            <input
                id="cA5"
                type="checkbox"/>
            <span>Telekinesis</span>
        </label>
    </div>
    <span>This input has an error.</span>
</div>