2.9.7






Label Pill

Default

Service Needed

76

Waiting

69

In Service

28

Fully Serviced

101

Inbox

197

Outbox

13

Inbox

218


Close
<%= pb_rails("label_pill", props: {
  label: "Service Needed",
  pill_value: "76",
}) %>

<%= pb_rails("label_pill", props: {
  label: "Waiting",
  pill_value: "69",
  variant: "success"
}) %>

<%= pb_rails("label_pill", props: {
  label: "In Service",
  pill_value: "28",
  variant: "error"
}) %>

<%= pb_rails("label_pill", props: {
  label: "Fully Serviced",
  pill_value: "101",
  variant: "warning"
}) %>

<%= pb_rails("label_pill", props: {
  label: "Inbox",
  pill_value: "197",
  variant: "info"
}) %>

<%= pb_rails("label_pill", props: {
  label: "Outbox",
  pill_value: "13",
  variant: "neutral"
}) %>

<%= pb_rails("label_pill", props: {
  label: "Inbox",
  pill_value: "218",
  variant: "primary"
}) %>
Available Props
id
data
classname
aria
children
variant
label
pill_value