Mantis MUI React
v3.2.0
v1.1.0v1.0.0v1.2.0v2.0.0v2.1.0v3.0.0v3.1.0v3.2.0v3.3.0v3.4.0
v3.2.0
v1.1.0v1.0.0v1.2.0v2.0.0v2.1.0v3.0.0v3.1.0v3.2.0v3.3.0v3.4.0
  • Documentation
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
    • Switch to Auth0
    • Switch to Firebase
    • Switch to AWS Cognito
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • How to
    • Login as First Page
    • Remove menu render from Backend
    • Remove Authentication
      • Vite
      • NextJS
  • Figma
  • Integration
    • Seed
    • To Existing Project
    • Comparison
  • Components
    • Avatar
    • BreadCrumb
    • Button
    • Dot
    • Main Card
    • Progress
    • SnackBar
    • Tooltip
    • Transitions
  • Dependencies
    • Vite js
    • Next js
  • Roadmap
  • Support
  • Changelog
  • Mantis Eco System
  • FAQ
Powered by GitBook
On this page
  1. Components

Avatar

PreviousComponentsNextBreadCrumb

This component extends the original component provided by MUI:

The extended properties are:

Property
Type
Props Value

color

ColorProps

primary (default), secondary, info, success, warning, error, inherit, default

children

ReactNode | string

type

AvatarTypeProps

default (default), filled, outlined, combined

size

SizeProps

md (default), badge, xs, sm, lg, xl

Live Preview:

Asterisk (*) indicates required props.

https://mui.com/material-ui/react-avatar/
https://mantisdashboard.io/components-overview/avatars