Semantic-UI Statistics Content Label
Semantic UI is a UI framework that offers a bunch of UI tools to style web pages. Representation of content in UI is made better through this framework. It has a bunch of components for users to design web pages. One of them is “Statistics”. It is used to magnify particular data on a web page. There are different ways of content representation in a statistic. Let us see the label content statistics.
Semantic UI Statistics Label Content contains a label that provides a reference for the value. Suppose the user wants to highlight data on UI he also needs to indicate in some cases, which part of content he is referring to. That’s when label content helps us out. There may be a bunch of data to be used as statistics. To differentiate among them labels can be put on each of them. We will design a UI showing the label content statistics.
Semantic-UI Statistics Content Label Class:
- label: This class is used to provide context for the presented value.
<div class="ui statistic"> <div class="value"> .... </div> <div class="label"> .... </div> </div>
Below example illustrates the Semantic-UI Statistics Content Label:
Example 1: This example demonstrates the label representation using the label class.
Example 2: This example demonstrates the bunch of data each having a label representation using the label class.
Please Login to comment...