Forms
Switch
Switch
A control that allows the user to toggle between checked and not checked.
Base
A corresponding label element must be present after the input in order for the switch UI to display.
<div class="form-group">
<input class="form-input-switch" type="checkbox" role="switch" id="switch_default">
<label class="form-label mb-0" for="switch_default">Default switch checkbox input</label>
</div><!-- ActionView::Helpers::FormTagHelper -->
<div class="form-group">
<%= check_box_tag "switch_default", "1", false, class: "form-input-switch" %>
<%= label_tag "switch_default", nil, class: "form-label mb-0" %>
</div>
<!-- ActionView::Helpers::FormHelper -->
<%= form_with model: @form do |f| %>
<div class="form-group">
<%= f.check_box :switch_default, class: "form-input-switch" %>
<%= f.label :switch_default, class: "form-label mb-0" %>
</div>
<%= f.submit class: "btn btn-primary" %>
<% end %>/ ActionView::Helpers::FormHelper
= form_with model: @form do |f|
.form-group
= f.check_box :switch_default, class: "form-input-switch"
= f.label :switch_default, class: "form-label mb-0"
= f.submit class: "btn btn-primary"