3.0.1






Person Contact

Default

Pauline

Smith

email@example.com
(555) 555-5555
(324) 562-7482

Close
<%= pb_rails("person_contact", props: {
  first_name: "Pauline",
  last_name: "Smith",
  contacts: [
    {
      contact_type: "email",
      contact_value: "email@example.com"
    },
    {
      contact_value: 5555555555
    },
    {
      contact_type: "work",
      contact_value: "3245627482"
    }
  ]
}) %>
Multiple People

Harvey

Walters

email@example.com
(555) 555-5555
(324) 562-7482
Brenda

Walters

(555) 555-5555

Close
<%= pb_rails("person_contact", props: {
  first_name: "Harvey",
  last_name: "Walters",
  contacts: [
    {
      contact_type: "email",
      contact_value: "email@example.com"
    },
    {
      contact_value: 5555555555,
    },
    {
      contact_type: "work",
      contact_value: "3245627482"
    }
  ]
}) %>

<%= pb_rails("person_contact", props: {
  first_name: "Brenda",
  last_name: "Walters",
  contacts: [
    {
      contact_value: 5555555555,
    }
  ]
}) %>
With Detail

Harvey

Walters

email@example.com
(555) 555-5555 Home
(324) 562-7482 Work

Close
<%= pb_rails("person_contact", props: {
  first_name: "Harvey",
  last_name: "Walters",
  contacts: [
    {
      contact_type: "email",
      contact_value: "email@example.com"
    },
    {
      contact_value: 5555555555,
      contact_detail: "Home"
    },
    {
      contact_type: "work",
      contact_value: "3245627482",
      contact_detail: "Work"
    }
  ]
}) %>
Available Props
id
data
classname
aria
children
contacts
first_name
last_name