Semantic UI React  2.0.1
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypesMigration guide to v2
Elements
ButtonContainerDividerFlagHeaderIconImageInputLabelListLoaderPlaceholderRailRevealSegmentStep
Collections
BreadcrumbFormGridMenuMessageTable
Views
AdvertisementCardCommentFeedItemStatistic
Modules
AccordionCheckboxDimmerDropdownEmbedModalPopupProgressRatingSearchSidebarStickyTabTransition
Behaviors
Visibility
Addons
ConfirmPaginationPortalRadioRefSelectText AreaTransitionable Portal

Statistic
A statistic emphasizes the current value of an attribute.

src/views/Statistic/Statistic.js
Semantic UI Statistic Docs
StatisticStatistic.GroupStatistic.LabelStatistic.Value

Types

Statistic

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

Try itCodeSandboxMaximizePermalink
5,550
Downloads

You can do the same using shorthands.

Try itCodeSandboxMaximizePermalink
5,550
Downloads

Statistic Group

A group of statistics.

Try itCodeSandboxMaximizePermalink
22
Faves
31,200
Views
22
Members

You can do the same using shorthands.

Try itCodeSandboxMaximizePermalink
22
Faves
31,200
Views
22
Members

Content

Value

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

Try itCodeSandboxMaximizePermalink
22
Saves
Three
Thousand
Signups
5
Flights
42
Team Members

You can do the same using shorthands.

Try itCodeSandboxMaximizePermalink
22
Saves
Three Thousand
Signups
5
Flights
42
Team Members

Label

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

Try itCodeSandboxMaximizePermalink
2,204
Views

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
Blazing deployments by Vercel.