Cfa Ui Components
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<form action="/" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WFKRAdcWXvH_97zjOc2czzc3SFO4cXu951W4Lme5b6XlEV3zwZumdh1aoMbXNi4as3H2ZWXnuGFFOXvDNFznNg" autocomplete="off" />
  <h2>
    Have you been claimed by anyone else on a tax return for 2024?
  </h2>
  <p>
    Explanation of what it means to be claimed.
  </p>
  <div class="border border-zinc-300 rounded-md p-4 space-y-4">
    <div class="space-y-4">
      <input value="" autocomplete="off" type="hidden" name="form_component_preview_test_model[pineapple_pizza_preference]" id="form_component_preview_test_model_pineapple_pizza_preference" />
      <input type="hidden" name="form_component_preview_test_model[pineapple_pizza_preference]" value="" autocomplete="off" />
      <div class="radio_button_item"><input type="radio" value="yes" name="form_component_preview_test_model[pineapple_pizza_preference]" id="form_component_preview_test_model_pineapple_pizza_preference_yes" /><label for="form_component_preview_test_model_pineapple_pizza_preference_yes">Yes</label></div>
      <div class="radio_button_item"><input type="radio" value="no" name="form_component_preview_test_model[pineapple_pizza_preference]" id="form_component_preview_test_model_pineapple_pizza_preference_no" /><label for="form_component_preview_test_model_pineapple_pizza_preference_no">No</label></div>
    </div>
  </div>
  <div class="border border-zinc-300 rounded-md p-4 space-y-4">
    <div class="space-y-2">
      <label class="label block " for="form_component_preview_test_model_first_name">Text input label</label>
      <input class="w-full max-w-sm border border-zinc-900" type="text" name="form_component_preview_test_model[first_name]" id="form_component_preview_test_model_first_name" />
    </div>
  </div>
  <div class="border border-zinc-300 rounded-md p-4 space-y-4">
    <div class="space-y-2">
      <label class="label block " for="form_component_preview_test_model_last_name">Text input label</label>
      <p class="help_text">
        Help text
      </p>
      <input class="w-full max-w-sm border border-zinc-900" type="text" name="form_component_preview_test_model[last_name]" id="form_component_preview_test_model_last_name" />
    </div>
  </div>
  <div class="border border-zinc-300 rounded-md p-4 space-y-4">
    <div class="space-y-4">
      <input value="" autocomplete="off" type="hidden" name="form_component_preview_test_model[favorite_fruits]" id="form_component_preview_test_model_favorite_fruits" />
      <input type="hidden" name="form_component_preview_test_model[favorite_fruits][]" value="" autocomplete="off" />
      <div class="checkbox_item"><input type="checkbox" value="orange" name="form_component_preview_test_model[favorite_fruits][]" id="form_component_preview_test_model_favorite_fruits_orange" /><label for="form_component_preview_test_model_favorite_fruits_orange">Orange</label></div>
      <div class="checkbox_item"><input type="checkbox" value="banana" name="form_component_preview_test_model[favorite_fruits][]" id="form_component_preview_test_model_favorite_fruits_banana" /><label for="form_component_preview_test_model_favorite_fruits_banana">Banana</label></div>
      <div class="checkbox_item"><input type="checkbox" value="apple" name="form_component_preview_test_model[favorite_fruits][]" id="form_component_preview_test_model_favorite_fruits_apple" /><label for="form_component_preview_test_model_favorite_fruits_apple">Apple</label></div>
    </div>
  </div>
  <input type="submit" name="commit" value="Continue" class="btn btn--large btn--primary" data-disable-with="Continue" />
</form>
1
render("non_component_previews/form_example")

No notes provided.

No params configured.