@idui/react-avatar

React Avatar Component

Usage no npm install needed!

<script type="module">
  import iduiReactAvatar from 'https://cdn.skypack.dev/@idui/react-avatar';
</script>

README

Avatar React Component

NPM Size JavaScript Style Guide LICENSE

Install

npm install --save @idui/react-avatar
yarn add @idui/react-avatar

See props in Docs

Basic Example

import React from 'react'
import Avatar from '@idui/react-avatar'

function Example({ user }) {
  return <Avatar 
      src={user.avatar} 
      defaultSrc="default.png"
  />
}

With Initials

import React from 'react'
import Avatar from '@idui/react-avatar'

function Example({ user }) {
  return <Avatar 
      src={user.avatar}
      initials={`${user.firstName[0]}${user.lastName[0]}`}
      color="orangered"
  />
}

See more details in storybook

License

MIT © kaprisa57@gmail.com