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]" 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" 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 for="form_component_preview_test_model_agree">Prefilled</label>
</div>
</div>
1
2
3
4
5
6
render SingleCheckboxComponent.new(
form:,
method: :agree,
label: "Prefilled",
checked: true
)