Checkbox

Checkbox is used for a list of selections that are meant to have one or more options checked.

Default

Checkbox Label

<%= pb_rails("checkbox" , props: {
  text: "Checkbox Label",
  value: "checkbox-value",
  name: "checkbox-name"
}) %>

Load as checked

Checked Checkbox

<%= pb_rails("checkbox" , props: {
  text: "Checked Checkbox",
  value: "checkbox-value",
  checked: true,
  name: "checkbox-name"
}) %>

Dark

Checkbox Label

<%= pb_rails("checkbox", props: {
  text: "Checkbox Label" ,
  dark: true
}) %>

Custom Checkbox

<%= pb_rails("checkbox", props: {text: "Custom Checkbox"}) do%>
    <input type="checkbox" name="custom-name" value="custom-value"/>
<% end %>

Default w/ Error

Checkbox Label

<%= pb_rails("checkbox" , props: {
  error: true,
  text: "Checkbox Label",
  value: "checkbox-value",
  name: "checkbox-name"
}) %>

Dark w/ Error

Checkbox Label

<%= pb_rails("checkbox" , props: {
  dark: true,
  error: true,
  text: "Checkbox Label",
  value: "checkbox-value",
  name: "checkbox-name"
}) %>

4.17.0