LycanUI
Radio
A control element that allows a user to choose only one of a predefined set of mutually exclusive options.
<div class="space-y-2">
<div class="flex items-center gap-2">
<%= ui.radio :object, :field, :red %>
<%= ui.label :object, :field, 'Red', value: :red %>
</div>
<div class="flex items-center gap-2">
<%= ui.radio :object, :field, :green %>
<%= ui.label :object, :field, 'Green', value: :green %>
</div>
<div class="flex items-center gap-2">
<%= ui.radio :object, :field, :blue %>
<%= ui.label :object, :field, 'Blue', value: :blue %>
</div>
</div>
Installation
rails g lycan_ui:add radio
Usage
Usage in forms
To use directly with Rails forms, please see Installing form helpers
<%= lycan_ui_form_with do |form| %>
<div class="space-y-2">
<div class="flex items-center gap-2">
<%= form.radio_button :field, :red, id: :field_red %>
<%= form.label :field, 'Red', value: :red, for: :field_red %>
</div>
<div class="flex items-center gap-2">
<%= form.radio_button :field, :green, id: :field_green %>
<%= form.label :field, 'Green', value: :green, for: :field_green %>
</div>
<div class="flex items-center gap-2">
<%= form.radio_button :field, :blue, id: :field_blue %>
<%= form.label :field, 'Blue', value: :blue, for: :field_blue %>
</div>
</div>
<% end %>