Semantic-UI Statistics Evenly Divided Variant
Semantic UI is an open-source framework that offers a variety of components to make your UI more meaningful. One of them is “Statistics”. The statistics component is used to magnify particular data for your website. Users can also position the statistics as per their requirements. Let us see this statistics variation.
Semantic-UI Statistics offers us 2 types o statistics with 6 types of variation for those two Horizontal, Coloured, Inverted, Evenly Divided, Floated, Clearing. In this article, we will know about the Semantic-UI Statistics Evenly Divided Variant.
Statistics Evenly Divided Variation offers to decide how many statistics you want to show in a row. A web page can contain a bunch of statistics. You can divide them with a precise number using this variation. We will create a UI showing the statistics evenly divided variation.
Semantic-UI Statistics Evenly Divided Variant Class:
- *number: This is a numeric value holder that divides the container in equal width of the component.
<div class="ui *number statistics"> <div class="statistic"> .... </div> <div class="statistic"> .... </div> .... </div>
Below example illustrate the Semantic-UI Statistics Evenly Divided Variant:
Example 1: This example demonstrates evenly divided statistics using the statistics class along with four statistics in a row.
Example 2: This example demonstrates evenly divided statistics using the statistics class along with two statistics in a row.
Please Login to comment...