Totalizer Panel

A component to present important figures to the user.

Overview

Totalizer panels are used to show and consolidate important figures for operators and sellers. It usually displays numbers that the user wants to access quickly in order to make informed decisions.

Totalizer panels are composed of a background icon and a title (mandatory) and can have a Link Button, a subtext, and a tooltip (optional). Each of them has its own loading strategy.

Guidelines

Totalizer panels must be used within a group of 2 minimum, either above the overall content or within a sidebar.

Use a Link Button to help users in making quick actions related to your totalizer content.

A totalizer panel cannot be used within another panel.

Be consistent in using totalizers: avoid mixing different Totalizer variants within the same Totalizer group

If data isn't available, display the totalizer card in red with a dash.

Content

Totalizer panel content should follow our content guidelines.

The totalizer subtext should be written in noun form.