Sha256: efb52c00289e74727c68b295cd1dfbb293d19c1118762bf5764b85d068b469e3
Contents?: true
Size: 1.17 KB
Versions: 852
Compression:
Stored size: 1.17 KB
Contents
import React from "react"
import { Caption, Contact, Flex, Icon, User } from "../.."
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
852 entries across 852 versions & 2 rubygems