%= pb_rails("title", props: { text: "Input Masks", size: 4, margin_bottom: "md" }) %>
<%= pb_rails("text_input", props: {
label: "Currency",
mask: "currency",
margin_bottom: "md",
name: "currency_name"
}) %>
<%= pb_rails("text_input", props: {
label: "ZIP Code",
mask: "zip_code",
margin_bottom: "md",
}) %>
<%= pb_rails("text_input", props: {
label: "Postal Code",
mask: "postal_code",
placeholder: "12345-6789",
margin_bottom: "md",
}) %>
<%= pb_rails("text_input", props: {
label: "Social Security Number",
mask: "ssn",
margin_bottom: "md",
}) %>
<%= pb_rails("title" , props: {
text: "Hidden Input Under The Hood",
padding_bottom: "sm"
})%>
<%= pb_rails("text_input", props: {
label: "Currency",
mask: "currency",
margin_bottom: "md",
name: "currency_name",
id: "example-currency"
}) %>