Sha256: 680ab832c88fa734316f2454c133726f939af5f00e44f8255f4aa68e442f366a

Contents?: true

Size: 1022 Bytes

Versions: 5

Compression:

Stored size: 1022 Bytes

Contents

import React from "react"
import Avatar from "../_avatar.jsx"

function AvatarDefault() {
  return (
    <div>
      <Avatar
          name="Terry Johnson"
          size="xs"
          status="online"
          url="https://randomuser.me/api/portraits/men/44.jpg"
      />
      <br/>
      <Avatar
          name="Terry Johnson"
          size="sm"
          status="online"
          url="https://randomuser.me/api/portraits/men/44.jpg"
      />
      <br/>
      <Avatar
          name="Terry Johnson"
          size="md"
          status="away"
          url="https://randomuser.me/api/portraits/men/44.jpg"
      />
      <br/>
      <Avatar
          name="Terry Johnson"
          size="lg"
          status="offline"
          url="https://randomuser.me/api/portraits/men/44.jpg"
      />
      <br/>
      <Avatar
          name="Terry Johnson"
          size="xl"
          status="offline"
          url="https://randomuser.me/api/portraits/men/44.jpg"
      />
    </div>
  )
}

export default AvatarDefault;

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-2.9.1 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
playbook_ui-2.9.0 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
playbook_ui-2.8.9 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
playbook_ui-2.8.8 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
playbook_ui-2.8.7 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx