Avatar.mdx

import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs';

import { Avatar } from '../../components';

import { Header } from '../shared';

import { Default, WithPicture, WithNotification, WithText, WithHrefAndToggleAndIcon, CombinedWithPopover, } from './Avatar.stories.jsx'; import EvaluationForm from '../../stories/shared/EvaluationForm'

Avatars are used to show a thumbnail of the user's picture or an user icon if the picture is not defined. It can also display a dot to warn about the presence of notifications.

• Importing and usage
• API
• Examples

Importing and usage

import Avatar from '@catho/quantum/Avatar';

API

Examples

With picture

With notification

With text

With href and toggle and icon

Combined with popover