Component
Stat List
SCSS Location: /styles/scss/partial/_stat-list.scss- Status: Design
- Status: Development
- Status: Documentation
Description
A section comprised of multiple statistic components.
Guidelines
Item Design Guidelines Not Provided
Usage
There are three varieties of Stat Lists:
- Standard: Statistics will wrap according to the space available.
- 2 Column: Statistics will break into 2 columns at 375px and above.
- Divided: Statistics will break into 2 columns at 375px and above and 4 columns at 992px and above and display dividers when in multiple columns.
Stat List | Simple
-
7
of the top 10 retail -
8
of the top 10 wholesale trade -
9
of the top 10 technology -
7
of the top 10 manufacturing -
7
of the top 10 financial services -
9
of the top 10 Communications & Transport -
7
of the top 10 marketplaces
Stat List | Auto Width with Wrapping
125
11,000+
700,000
947
35
2 Column Stat List
40+
130+
4,500+
56%
Stat List With Horizontal Dividers
40+
130+
4,500+
56%
Stat List Panel
40+
130+
4,500+
56%
Animated Percentage Stat List
Bold Stat w/ Divider List
125
125
125
Bold Stat w/ Divider List
125
125
125
Dark Bold Stat w/ Divider List
125
125
125
