Semantic-UI Item Metadata Content
Semantic UI is a modern framework used in developing seamless designs for web pages, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks. it makes web pages to look amazing and responsive.
Semantic UI Item presents a large collection of similar types of data on a site. The Item can contain an image, heading, description, buttons, date, etc. Item is the collection of items in Semantic UI.
Semantic UI Item Metadata Content is used to display metadata such as date, price, rating, likes and reviews count, etc. The child elements inside the metadata are automatically spaced.
Semantic UI Item Metadata Content Classes:
- meta: On adding this class to a container inside the content container, the child elements are displayed as metadata.
Syntax: Add the class meta to a container inside the content container as follows:
<div class="items"> <div class="item"> <div class="content"> ... <div class="meta"> ... </div> ... </div> </div> ... </div>
Example: In the following example, we have added different metadata to the meta class for displaying them.
Please Login to comment...