Checkbox

                <turas-checkbox asp-for="Checkbox" checkbox-label="Checkbox label" hide-required-marker heading-label="Checkbox" />
            

                <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker suppressRequiredFieldMarker">Checkbox</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Checkbox field is required." id="Checkbox" name="Checkbox" value="true" /><input name="Checkbox" type="hidden" value="false" />
<label class="control-label " for="Checkbox">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="Checkbox" data-valmsg-replace="true"></span>
</div>
            

                <turas-checkbox asp-for="CheckboxRequired" checkbox-label="Checkbox label" />
            

                <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker ">Checkbox required</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The checkbox required must be acknowledged" id="CheckboxRequired" name="CheckboxRequired" value="true" /><input name="CheckboxRequired" type="hidden" value="false" />
<label class="control-label " for="CheckboxRequired">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxRequired" data-valmsg-replace="true"></span>
</div>
            

                <turas-checkbox asp-for="CheckboxGuidanceText" checkbox-label="Checkbox label" guidance-text="I am some guidance text" hide-required-marker />
            

                <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker suppressRequiredFieldMarker">Checkbox guidance text</label>
<div class="form-field-guidance-text">I am some guidance text</div>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Checkbox guidance text field is required." id="CheckboxGuidanceText" name="CheckboxGuidanceText" value="true" /><input name="CheckboxGuidanceText" type="hidden" value="false" />
<label class="control-label " for="CheckboxGuidanceText">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxGuidanceText" data-valmsg-replace="true"></span>
</div>
            

                <turas-checkbox asp-for="CheckboxGuidanceTextAccordion" checkbox-label="Checkbox label" hide-required-marker>
                    <turas-form-guidance collapses>
                        <p>A paragraph.</p>
                        <ul>
                            <li>List item</li>
                            <li>List item</li>
                            <li>List item</li>
                        </ul>
                    </turas-form-guidance>
                </turas-checkbox>
            

                <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker suppressRequiredFieldMarker">Checkbox guidance text accordion</label>
<div class="turas-form-guidance-collapse">
            <button class="turas-form-guidance-collapse-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-645f1e13-74b4-45c1-b1ce-45e289a153d5" aria-expanded="false" aria-controls="collapse-645f1e13-74b4-45c1-b1ce-45e289a153d5"><span class="visually-hidden">Guidance</span></button>              
            <div class="turas-form-guidance-collapse-content collapse" id="collapse-645f1e13-74b4-45c1-b1ce-45e289a153d5">   
                <div class="form-field-guidance-text"><span class=""></span>
                    
                        <p>A paragraph.</p>
                        <ul>
                            <li>List item</li>
                            <li>List item</li>
                            <li>List item</li>
                        </ul>
                       
                </div>
            </div></div>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Checkbox guidance text accordion field is required." id="CheckboxGuidanceTextAccordion" name="CheckboxGuidanceTextAccordion" value="true" /><input name="CheckboxGuidanceTextAccordion" type="hidden" value="false" />
<label class="control-label " for="CheckboxGuidanceTextAccordion">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxGuidanceTextAccordion" data-valmsg-replace="true"></span>
</div>
            

                <turas-checkbox asp-for="CheckboxAdditionalClasses" checkbox-label="Checkbox label" hide-required-marker additional-classes="remove-max-width" />
            

                <div class="form-group form-single-checkbox remove-max-width"><label class="control-label requiredFieldMarker suppressRequiredFieldMarker">Checkbox additional classes</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Checkbox additional classes field is required." id="CheckboxAdditionalClasses" name="CheckboxAdditionalClasses" value="true" /><input name="CheckboxAdditionalClasses" type="hidden" value="false" />
<label class="control-label " for="CheckboxAdditionalClasses">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxAdditionalClasses" data-valmsg-replace="true"></span>
</div>
            

                <div class="row">
                    <div class="col-md-6">
                        <turas-checkbox asp-for="CheckboxInARowOne" checkbox-label="Checkbox label" hide-required-marker />
                    </div>
                    <div class="col-md-6">
                        <turas-checkbox asp-for="CheckboxInARowTwo" checkbox-label="Checkbox label" hide-required-marker />
                    </div>
                </div>
            

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker suppressRequiredFieldMarker">Checkbox in a row</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Checkbox in a row field is required." id="CheckboxInARowOne" name="CheckboxInARowOne" value="true" /><input name="CheckboxInARowOne" type="hidden" value="false" />
<label class="control-label " for="CheckboxInARowOne">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxInARowOne" data-valmsg-replace="true"></span>
</div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker suppressRequiredFieldMarker">Checkbox in a row</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Checkbox in a row field is required." id="CheckboxInARowTwo" name="CheckboxInARowTwo" value="true" /><input name="CheckboxInARowTwo" type="hidden" value="false" />
<label class="control-label " for="CheckboxInARowTwo">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxInARowTwo" data-valmsg-replace="true"></span>
</div>
                    </div>
                </div>
            

                <div class="row">
                    <div class="col-md-6">
                        <turas-checkbox asp-for="CheckboxRequiredInARowOne" checkbox-label="Checkbox label" />
                    </div>
                    <div class="col-md-6">
                        <turas-checkbox asp-for="CheckboxRequiredInARowTwo" checkbox-label="Checkbox label" />
                    </div>
                </div>
            

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker ">Checkbox in a row required</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The checkbox required required must be acknowledged" id="CheckboxRequiredInARowOne" name="CheckboxRequiredInARowOne" value="true" /><input name="CheckboxRequiredInARowOne" type="hidden" value="false" />
<label class="control-label " for="CheckboxRequiredInARowOne">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxRequiredInARowOne" data-valmsg-replace="true"></span>
</div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker ">Checkbox in a row required</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The checkbox required required must be acknowledged" id="CheckboxRequiredInARowTwo" name="CheckboxRequiredInARowTwo" value="true" /><input name="CheckboxRequiredInARowTwo" type="hidden" value="false" />
<label class="control-label " for="CheckboxRequiredInARowTwo">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxRequiredInARowTwo" data-valmsg-replace="true"></span>
</div>
                    </div>
                </div>
            

                <turas-checkbox asp-for="CheckboxRequiredHideValidationMessage" checkbox-label="Checkbox label" hide-validation-message />
            

                <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker ">Checkbox hide validation message</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The checkbox hide validation message must be acknowledged" id="CheckboxRequiredHideValidationMessage" name="CheckboxRequiredHideValidationMessage" value="true" /><input name="CheckboxRequiredHideValidationMessage" type="hidden" value="false" />
<label class="control-label " for="CheckboxRequiredHideValidationMessage">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
</div>
            

                <turas-checkbox asp-for="CheckboxDisabled" checkbox-label="Checkbox label" hide-required-marker asp-is-disabled="True" />
            

                <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker suppressRequiredFieldMarker">Checkbox disabled</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" disabled="disabled" type="checkbox" data-val="true" data-val-required="The Checkbox disabled field is required." id="CheckboxDisabled" name="CheckboxDisabled" value="true" /><input name="CheckboxDisabled" type="hidden" value="false" />
<label class="control-label " for="CheckboxDisabled">Checkbox label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxDisabled" data-valmsg-replace="true"></span>
</div>
            

                <turas-checkbox asp-for="CheckboxHideHideHeadingLabel" hide-heading-label />
            

                <div class="form-group form-single-checkbox "><label class="control-label requiredFieldMarker ">Checkbox hide heading label</label>
<div class="form-check custom-checkbox">
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Checkbox hide heading label field is required." id="CheckboxHideHideHeadingLabel" name="CheckboxHideHideHeadingLabel" value="true" /><input name="CheckboxHideHideHeadingLabel" type="hidden" value="false" />
<label class="control-label " for="CheckboxHideHideHeadingLabel">Checkbox hide heading label</label>
</div><!-- end form-check custom-checkbox -->
<span class="field-validation-valid" data-valmsg-for="CheckboxHideHideHeadingLabel" data-valmsg-replace="true"></span>
</div>