x
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="cfa-card bg-white border border-border-secondary rounded-lg p-cfa-lg"> <h2>Name</h2> <p class="type-progress-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <form action="/" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fK99YRwqHUG44quD36Z7C41cZRt6DeXH3tYpW-H42d57hXGVO5HkHJQs4OeWDPYHsa3kiwJYQxrURfLeKimpSg" autocomplete="off" /> <fieldset class="fieldset-group" x-data x-init="Alpine.store('pineapple_pizza_preference', '');"> <legend class="sr-only">Do you like pineapple on pizza?</legend> <div class="cfa-stack-med"><input type="hidden" name="form_component_preview_test_model[pineapple_pizza_preference]" value="" autocomplete="off" /> <div class="form_item"><input x-model="$store.pineapple_pizza_preference" class="cfa-radio" 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="form_item"><input x-model="$store.pineapple_pizza_preference" class="cfa-radio" 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> </fieldset> </form></div>1
2
3
4
5
6
7
<%= render CardComponent.new do %> <h2>Name</h2> <p class="type-progress-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <%= form_with url: "/", method: :post, model: FormComponentPreview::TestModel.new do |f| %> <%= render RadioButtonsComponent.new(form: f, method: :pineapple_pizza_preference, collection: FormComponentPreview.yes_no_options, item_value_method: :value, item_label_method: :label, legend: "Do you like pineapple on pizza?") %> <% end %><% end %>No notes provided.
No params configured.