Previews

No matching results.

x
1
2
3
4
5
6
<div class="cfa-stack-sm">
<div class="flex items-center gap-cfa-sm">
<span class="cfa-checkbox-wrap relative inline-flex h-6 w-6"><input name="form_component_preview_test_model[agree]" disabled="disabled" type="hidden" value="" autocomplete="off" /><input class="cfa-checkbox h-6 w-6 rounded border checked:border-2 disabled:border-border-disabled border-border-default" disabled="disabled" aria-required="true" type="checkbox" value="1" name="form_component_preview_test_model[agree]" id="form_component_preview_test_model_agree" /><svg class="cfa-icon absolute inset-0 pointer-events-none text-icon-default" width="24" height="24" aria-hidden="true" focusable="false"><use href="/assets/uswds-sprite-36dd7ae2.svg#check"></use></svg></span>
<label class="text-text-disabled" for="form_component_preview_test_model_agree">Unselectable</label>
</div>
</div>
1
2
3
4
5
6
render SingleCheckboxComponent.new(
form:,
method: :agree,
label: "Unselectable",
disabled: true
)