Sha256: fdcb12301392f6f20cc843ac4b43f854fd5235353d200b520c22f33f5e07290e

Contents?: true

Size: 853 Bytes

Versions: 73

Compression:

Stored size: 853 Bytes

Contents

import React from 'react'
import { Avatar } from '../../'

const AvatarStatus = () => {
  return (
    <>
      <Avatar
          imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
          name="Terry Johnson"
          size="sm"
      />

      <br />

      <Avatar
          imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
          name="Terry Johnson"
          size="sm"
          status="online"
      />

      <br />

      <Avatar
          imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
          name="Terry Johnson"
          size="sm"
          status="away"
      />

      <br />

      <Avatar
          imageUrl="https://randomuser.me/api/portraits/men/44.jpg"
          name="Terry Johnson"
          size="sm"
          status="offline"
      />

      <br />
    </>
  )
}

export default AvatarStatus

Version data entries

73 entries across 73 versions & 1 rubygems

Version Path
playbook_ui-5.1.0 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-5.0.3 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-5.0.2 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-5.0.1.pre.beta app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-5.1.0.pre.alpha4 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-5.1.0.pre.alpha2 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-5.1.0.pre.alpha1 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-5.0.1 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-5.0.1.pre.alpha1 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-4.18.1.pre.alpha1 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-4.18.1 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-4.18.0 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
playbook_ui-4.17.0 app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx