Sha256: db37e7c87d61189efc960b2b2c8e9c17037dfc77207e29d50b905208a50125ce

Contents?: true

Size: 977 Bytes

Versions: 969

Compression:

Stored size: 977 Bytes

Contents

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

const AvatarNoImage = (props) => {
  return (
    <div>
      <Avatar
          imageUrl="Just some text here"
          name="Terry Johnson"
          size="xxs"
          {...props}
      />
      <Avatar
          imageUrl="Just some text here"
          name="Terry Johnson"
          size="xs"
          {...props}
      />
      <Avatar
          imageUrl={4}
          name="Terry Johnson"
          size="sm"
          {...props}
      />
      <Avatar
          imageUrl="https://google.com"
          name="Terry Johnson"
          size="md"
          {...props}
      />
      <Avatar
          imageUrl=""
          name="Terry Johnson"
          size="lg"
          {...props}
      />
      <Avatar
          imageUrl="https://randomuser.me/api/portraits/men/notapicture.jpg"
          name="Terry Johnson"
          size="xl"
          {...props}
      />
    </div>
  )
}

export default AvatarNoImage

Version data entries

969 entries across 969 versions & 2 rubygems

Version Path
playbook_ui_docs-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui_docs-13.34.1 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.34.1 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.34.0 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui_docs-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui-13.33.1 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
playbook_ui_docs-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx