x
1
2
3
4
5
6
7
<div class="space-y-2">
<label class="label block " for="form_component_preview_test_model_ssn">Social Security Number or ITIN</label>
<p class="help_text">
For example, 123-45-6789
</p>
<input class="w-full max-w-sm border border-zinc-900" x-data="{}" x-mask="999-99-9999" placeholder="___-__-____" type="text" name="form_component_preview_test_model[ssn]" id="form_component_preview_test_model_ssn" />
</div>
1
render(TextFieldComponent.new(form: form, method: :ssn, label: I18n.t(:ssn), help_text: I18n.t(:ssn_help), value_type: TextFieldComponent::TIN))