3.0.1






Date Stacked

Default



Close
<%= pb_rails("date_stacked", props: { date: DateTime.now}) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "md"}) %>
Not Current Year



Close
<%= pb_rails("date_stacked", props: { date: Date.new(2018, 03, 20) }) %>

<br>

<%= pb_rails("date_stacked", props: { date: Date.new(2018, 03, 20), size: "md"}) %>
Day & Month Reverse



Close
<%= pb_rails("date_stacked", props: { date: DateTime.now, reverse: true}) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "md", reverse: true}) %>
Sizes



Close
<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "sm" }) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "md" }) %>
Alignment







Close
<%= pb_rails("date_stacked", props: { date: DateTime.now }) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, align: "center" }) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, align: "right" }) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "md"}) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "md", align: "center" }) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "md", align: "right" }) %>
Dark



Close
<%= pb_rails("date_stacked", props: { date: DateTime.now, dark: true }) %>

<br>

<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "md", dark: true }) %>
Available Props
id
data
classname
aria
children
date
align
size
reverse
dark