Popularity
How much an asset is used, as four bars.
<mm-popularity level="3"></mm-popularity>
Guidance
Popularity shows how much an asset is used compared with the rest of the catalog, as four ascending bars. The bars are the whole message: no rank, percentage or view count beside them, because the exact figure does not change what anyone does. The level is the accessible name. The bars are ink-2, never burnt sienna, because popularity is not a status or an action.
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
level | level | PopularityLevel | 1 | From 1 (rarely used) to 4 (among the most used in the catalog). |
CSS parts
| Part | Description |
|---|---|
bars | The four bars. |
Examples
Every state of mm-popularity in Storybook, with keyboard and screen reader tests.