Sha256: 371c124fdbc7ba6f04375c17bac388d521e76ba25b0871bef643f421936f6c59
Contents?: true
Size: 1.59 KB
Versions: 948
Compression:
Stored size: 1.59 KB
Contents
import React from 'react'
import { Avatar } from 'playbook-ui'
const AvatarDefault = (props) => {
return (
<div>
<Avatar
imageAlt="Terry Johnson Standing"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="xxs"
status="online"
{...props}
/>
<br />
<Avatar
imageAlt="Terry Johnson Standing"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="xs"
status="online"
{...props}
/>
<br />
<Avatar
imageAlt="Terry Johnson Standing"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="sm"
status="online"
{...props}
/>
<br />
<Avatar
imageAlt="Terry Johnson Standing"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="md"
status="away"
{...props}
/>
<br />
<Avatar
imageAlt="Terry Johnson Standing"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="lg"
status="offline"
{...props}
/>
<br />
<Avatar
imageAlt="Terry Johnson Standing"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="xl"
status="offline"
{...props}
/>
</div>
)
}
export default AvatarDefault
Version data entries
948 entries across 948 versions & 2 rubygems