3.5.0






Pill

Default

default



success



error



warning



info



neutral



primary


Close
<%= pb_rails("pill", props: {
  text: "Default"
}) %>

<br><br>

<%= pb_rails("pill", props: {
  text: "success",
  variant: "success"
}) %>

<br><br>

<%= pb_rails("pill", props: {
  text: "error",
  variant: "error"
}) %>

<br><br>

<%= pb_rails("pill", props: {
  text: "warning",
  variant: "warning"
}) %>

<br><br>

<%= pb_rails("pill", props: {
  text: "info",
  variant: "info"
}) %>

<br><br>

<%= pb_rails("pill", props: {
  text: "neutral",
  variant: "neutral"
}) %>

<br><br>

<%= pb_rails("pill", props: {
  text: "primary",
  variant: "primary"
}) %>
Available Props
id
data
classname
aria
children
text
variant