12.9.1
This kit can be used to display a person contact information. It includes multiples kits like: Person, contact and caption kit. Use this kit for both Nitro users and Homeowners.
<%= 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" } ] }) %>
<%= 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, } ] }) %>
<%= 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" } ] }) %>
<%= 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: "wrong-phone", contact_value: "3245627482", }, { contact_type: "phone", contact_value: "3048615385", }, ] }) %>
• Don’t unstack the contacts: email & phone.
• Keep the fonts exact in size and weight, don’t change the color variations.