Sha256: 3df2f947001f2a9bdd28195f00e5ba08e091c806597bb7a0069cdf960a56e86a
Contents?: true
Size: 1.08 KB
Versions: 1038
Compression:
Stored size: 1.08 KB
Contents
import React from 'react'
import { Avatar } from '../../'
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,038 entries across 1,038 versions & 2 rubygems