Semantic-UI Item Extra Content
Semantic UI is a modern framework used in developing seamless designs for the website, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks.
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 Extra Content is used to place extra content in the Item that needs to be separate from the main content. So the content is formatted separately.
Semantic UI Item Extra Content Classes:
- extra: The container with this class is formatted separately from the content container.
Syntax: Add the container with class extra to display extra content as follows:
<div class="item"> ... <div class="content"> ... <div class="extra"> ... </div> </div> </div>
Example: In the following example, we have two items with extra content containing icons and text.
Please Login to comment...