Themed

This section is intended as a reference for specific use cases of components, or compositions of them, that are not covered in the component's default examples.

Types

Statistic

A statistic can display a value with a label above or below it.

You can do the same using shorthands.

Statistic Group

A group of statistics.

You can do the same using shorthands.

Content

Value

A statistic can contain a numeric, icon, image, or text value.

You can do the same using shorthands.

Label

A statistic can contain a label to help provide context for the presented value.

Variations

Horizontal Statistic

A statistic can present its measurement horizontally.

You can do the same using shorthands.

Colored

A statistic can be formatted to be different colors.

Colored Group

A group of colored statistics.

Inverted

A statistic can be formatted to fit on a dark background.

Inverted Group

A group of statistics can be formatted to fit on a dark background.

Evenly Divided

A statistic group can have its items divided evenly.

Floated

An statistic can sit to the left or right of other content.

Size

A statistic can vary in size.

Group Size

A group of statistics can vary in size.

This is the bottom