2.9.7






Title

Light UI

Default Title


Title 4

Title 3

Title 2

Title 1


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

<br/>

<%= pb_rails("title", props: { text: "Title 4", tag: "h4", size: 4 }) %>
<%= pb_rails("title", props: { text: "Title 3", tag: "h3", size: 3 }) %>
<%= pb_rails("title", props: { text: "Title 2", tag: "h2", size: 2 }) %>
<%= pb_rails("title", props: { text: "Title 1", tag: "h1", size: 1 }) %>
Dark UI

Default Title


Title 4

Title 3

Title 2

Title 1


Close
<%= pb_rails("title", props: { text: "Default Title", dark: true }) %>

<br/>

<%= pb_rails("title", props: { text: "Title 4", tag: "h4", size: 4, dark: true }) %>
<%= pb_rails("title", props: { text: "Title 3", tag: "h3", size: 3, dark: true }) %>
<%= pb_rails("title", props: { text: "Title 2", tag: "h2", size: 2, dark: true }) %>
<%= pb_rails("title", props: { text: "Title 1", tag: "h1", size: 1, dark: true }) %>
Available Props
id
data
classname
aria
children
dark
size
tag
text