@instructure/ui-avatar

---

category: packages

ui-avatar

An image or letters that represents a user.

Components

The ui-avatar package contains the following:

• Avatar

Installation

npm install @instructure/ui-avatar

Usage

---
type: code
---
import React from 'react'
import { Avatar } from '@instructure/ui-avatar'

const MyAvatar = () => {
  return (
    <Avatar
      name="Kyle Montgomery"
      src={avatarSquare}
      shape="rectangle"
      margin="0 small 0 0"
    />
  )
}