@navinc/base-react-components/src/avatar.story.js

Nav's Pattern Library

import { Avatar } from './avatar.js'
import readme from './avatar.readme.md'
import { iconsMap } from './icons/index.js'

export default {
  title: 'General/Avatar',
  component: Avatar,
  parameters: {
    readme: { content: readme },
  },

  args: {
    src: 'https://dxkdvuv3hanyu.cloudfront.net/design-assets/logos/experian.svg',
    label: 'I am Optional',
    alt: 'Always provide alt text for accessibility',
    size: 'medium',
    defaultIcon: 'people/profile',
    labelSize: 'md',
  },
}

export const Basic = (args) => {
  return <Avatar {...args} />
}