3.5.0






Radio

Default




Close
<%= pb_rails("radio", props: {
  text: "Power",
  name: "group 1",
  value: "Power"
}) %>

<br>

<%= pb_rails("radio", props: {
  text: "Nitro",
  name: "group 1",
  value: "Nitro",
  checked: true
}) %>

<br>

<%= pb_rails("radio", props: {
  text: "Google",
  name: "group 1",
  value: "Google"
}) %>
Dark




Close
<%= pb_rails("radio", props: {
  text: "Power",
  name: "group 2",
  value: 'Power',
  dark: true
}) %>

<br>

<%= pb_rails("radio", props: {
  text: "Nitro",
  name: "group 2",
  value: "Nitro",
  checked: true,
  dark: true
}) %>

<br>

<%= pb_rails("radio", props: {
  text: "Google",
  name: "group 2",
  value: "Google",
  dark: true
}) %>
Custom




Close
<%= pb_rails("radio", props: {
  text: "Power"
}) do %>
  <input type="radio" name="group 3" value="power" >
<% end %>

<br>

<%= pb_rails("radio", props: {
  text: "Nitro"
}) do %>
  <input type="radio"  name="group 3" value="nitro" checked>
<% end %>

<br>

<%= pb_rails("radio", props: {
  text: "Google"
}) do %>
  <input type="radio"name="group 3" value="google">
<% end %>
With Error


Close
<%= pb_rails("radio", props: {
  error: true,
  text: "Power",
  name: "group 1",
  value: "Power"
}) %>
With Error


Close
<%= pb_rails("radio", props: {
  dark: true,
  error: true,
  text: "Power",
  name: "group 1",
  value: "Power"
}) %>
Available Props
id
data
classname
aria
children
checked
dark
error
name
text
value
object