Sha256: f61634943a964511c15f1fe9ed244c10388dcd0d6411db0ed01a8dd52b9f753a
Contents?: true
Size: 1.09 KB
Versions: 1017
Compression:
Stored size: 1.09 KB
Contents
import React from 'react'
import { Avatar } from 'playbook-ui'
const AvatarStatus = (props) => {
return (
<>
<Avatar
imageAlt="Terry Johnson Status"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="sm"
{...props}
/>
<br />
<Avatar
imageAlt="Terry Johnson Online"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="sm"
status="online"
{...props}
/>
<br />
<Avatar
imageAlt="Terry Johnson Away"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="sm"
status="away"
{...props}
/>
<br />
<Avatar
imageAlt="Terry Johnson Offline"
imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
name="Terry Johnson"
size="sm"
status="offline"
{...props}
/>
<br />
</>
)
}
export default AvatarStatus
Version data entries
1,017 entries across 1,017 versions & 2 rubygems