x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="yes-no-buttons" x-data="{ selected: null }"> <div class="yes-no-buttons__group"> <button type="submit" name="form_component_preview_test_model[pineapple_pizza_preference]" value="yes" class="yes-no-buttons__button" @click="selected = 'yes'" :class="{ 'is-selected': selected === 'yes' }"> <svg class="cfa-icon yes-no-buttons__check" width="24" height="24" aria-hidden="true" focusable="false"><use href="/assets/uswds-sprite-36dd7ae2.svg#check_circle"></use></svg> <span class="yes-no-buttons__label">Sure</span> </button> <button type="submit" name="form_component_preview_test_model[pineapple_pizza_preference]" value="no" class="yes-no-buttons__button" @click="selected = 'no'" :class="{ 'is-selected': selected === 'no' }"> <svg class="cfa-icon yes-no-buttons__check" width="24" height="24" aria-hidden="true" focusable="false"><use href="/assets/uswds-sprite-36dd7ae2.svg#check_circle"></use></svg> <span class="yes-no-buttons__label">Nope</span> </button> </div></div>1
render(YesNoButtonsComponent.new(form:, method: :pineapple_pizza_preference, yes_label: "Sure", no_label: "Nope"))No notes provided.
No params configured.