Previews

No matching results.

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 %>