Semantic-UI Item Divided Variation
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 website. The Item can contain an image, heading, description, buttons, date, etc. Item is the collection of items in Semantic UI.
Semantic UI Item Divided Variation helps to divide the items to distinguish the items more clearly. This helps to separate grouped items. A divider line appears between each item to distinguish them properly.
Semantic UI Item Divided Variation Classes:
- divided: This class is added to the items container and then a divider line is placed between each component.
Syntax: Add the divided class to the items container to divide the items as follows:
<div class="ui divided items"> ... </div>
Example: In the following example, we have made the divided items using the divided class.
Reference Link: https://semantic-ui.com/views/item.html#divided
Please Login to comment...