Forms
A toggle switch that lets the user switch between two states. Usually of a boolean values.
<div class="flex items-center gap-3">
<input class="form-input-checkbox" type="checkbox" value="1" id="check_default">
<label for="check_default">
Default checkbox
</label>
</div>
<!-- ActionView::Helpers::FormTagHelper -->
<%= tag.div class: "flex items-center gap-3" do %>
<%= check_box_tag :check_default, nil, false, class: "form-input-checkbox" %>
<%= label_tag :check_default, "Default checkbox" %>
<% end %>
<!-- ActionView::Helpers::FormHelper -->
<%= form_with model: @form do |f| %>
<% tag.div class: "flex items-center gap-3" do %>
<%= f.check_box :check_default, class: "form-input-checkbox" %>
<%= f.label :check_default, "Default checkbox" %>
<% end %>
<%= f.submit class: "btn btn-primary" %>
<% end %>
/ ActionView::Helpers::FormHelper
= form_with model: @form do |f|
.flex.items-center.gap-3
= f.check_box :check_default, class: "form-input-checkbox"
= f.label :check_default, "Default checkbox"
= f.submit class: "btn btn-primary"