Semantic UI React  3.0.0-beta.2
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypesMigration guide to v3
Elements
ButtonContainerFlagHeaderDividerImageIconLabelInputListLoaderPlaceholderRailRevealSegmentStep
Collections
FormGridMessageMenuTableBreadcrumb
Views
AdvertisementCardCommentFeedItemStatistic
Modules
AccordionCheckboxDimmerEmbedModalDropdownPopupProgressRatingSearchSidebarStickyTransitionTab
Addons
PaginationConfirmPortalRadioSelectText 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.

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