Sha256: 77cf883cbb8a35dbffffe26558d347f6a7387319c432becb42dffcdd7535d795

Contents?: true

Size: 1.02 KB

Versions: 4

Compression:

Stored size: 1.02 KB

Contents

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

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

export default AvatarDefault;

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
playbook_ui-3.0.1 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
playbook_ui-3.0.0 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
playbook_ui-2.9.9 app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx