Navigation
Display

Item Avatar

Images that are used to visually identify content such as courses, units, and lessons. They generally consist of a small illustration or image relevant to the subject of the course.

Anatomy

An item avatar with it's constituent parts defined

Options

Size

Item avatars come in small and large. Large is reserved for use on tablet devices only.

Small and large item avatars

Corner radius

Item avatars can either be fully circular or they can be rounded rectangles. Currently rounded rectangle variants are only used in a MAP Accelerator context.

A rounded rectange item avatar

Badge

Item avatars have badges when they represent specific types of content including videos, articles, lessons, and exercises. Item avatars for large groups of content (units, courses) do not have badges.

Item avatars with different badges
We'll soon be deprecating this site. For the latest version of our documentation, go to our Storybook site!