Checkbox

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

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

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

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

<%= pb_rails("checkbox" , props: {
  text: "Checkbox with Options",
  input_options: {
    id: "checkbox-id",
    name: "checkbox-name",
    value: "checkbox-value",
    class: "checkbox-class",
    checked: true
  }
}) %>

<%= pb_rails("checkbox" , props: {
  text: "Select ",
  value: "checkbox-value",
  name: "main",
  indeterminate: true,
  id: "test-indeterminate-js"
}) %>