Sha256: c623f2556c8d33e1771a1ee81b8cebd0551ed68f360cf1b1c8dc55c72d51f8aa
Contents?: true
Size: 1.17 KB
Versions: 1007
Compression:
Stored size: 1.17 KB
Contents
import React from "react"
import { Caption, Contact, Flex, Icon, User } from "playbook-ui"
const MentorSubtitle = (
<Flex>
<Icon icon="users" />
<Caption
paddingLeft="xs"
text="Admin"
/>
</Flex>
)
const ContactSubtitle = (
<>
<Contact
contactType="cell"
contactValue="349-185-9988"
/>
<Contact
contactValue="5555555555"
/>
<Contact
contactType="email"
contactValue="email@example.com"
/>
</>
)
const UserBlockContentSubtitleReact = (props) => {
return (
<div className="pb--doc-demo-row">
<User
align="left"
avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
name="Anna Black"
orientation="horizontal"
subtitle={MentorSubtitle}
territory="PHL"
title="Remodeling Consultant"
{...props}
/>
<User
align="left"
avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
name="Anna Black"
orientation="horizontal"
subtitle={ContactSubtitle}
{...props}
/>
</div>
)
}
export default UserBlockContentSubtitleReact
Version data entries
1,007 entries across 1,007 versions & 2 rubygems