Contents

<%= pb_rails("title", props: { text: "Input Masks", size: 4, margin_bottom: "md" }) %>

<div class="pb--doc-demo-elements">
  <%= 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"
  }) %>

<style>
#example-currency-sanitized {display: flex !important;}
</style>

</div>

Version data entries

4 entries across 4 versions & 2 rubygems

Version	Path
playbook_ui_docs-14.11.1.pre.alpha.play17725374	app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb
playbook_ui-14.11.1.pre.alpha.play17725374	app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb
playbook_ui_docs-14.11.1.pre.alpha.play17725372	app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb
playbook_ui-14.11.1.pre.alpha.play17725372	app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb