2.9.7






Body

Light UI

I am a body kit
I am a body kit (Light)
I am a body kit (Lighter)
I am a body kit (Status: negative)
I am a body kit (Status: positive)

Close
<%= pb_rails("body", props: {
  text: "I am a body kit"
}) %>

<%= pb_rails("body", props: {
  text: "I am a body kit (Light)",
  color: "light"
}) %>

<%= pb_rails("body", props: {
  text: "I am a body kit (Lighter)",
  color: "lighter"
}) %>

<%= pb_rails("body", props: {
  text: "I am a body kit (Status: negative)",
  status: "negative"
}) %>

<%= pb_rails("body", props: {
  text: "I am a body kit (Status: positive)",
  status: "positive"
}) %>
Dark UI

I am a body kit
I am a body kit (Light)
I am a body kit (Lighter)
I am a body kit (Status: negative)
I am a body kit (Status: positive)

Close
<%= pb_rails("body", props: {
  text: "I am a body kit",
  dark: true
}) %>

<%= pb_rails("body", props: {
  text: "I am a body kit (Light)",
  color: "light",
  dark: true
}) %>

<%= pb_rails("body", props: {
  text: "I am a body kit (Lighter)",
  color: "lighter",
  dark: true
}) %>

<%= pb_rails("body", props: {
  text: "I am a body kit (Status: negative)",
  status: "negative",
  dark: true
}) %>

<%= pb_rails("body", props: {
  text: "I am a body kit (Status: positive)",
  status: "positive",
  dark: true
}) %>
Block

I am body kit

Close
<%= pb_rails("body") do %>
  I am body kit
<% end %>
Available Props
id
data
classname
aria
children
color
dark
status
tag
text