Semantic-UI Feed Types

Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. It uses a class to add CSS to the elements. 

Feed elements are used to document the website/user’s activity in a sequential manner. The feed contains various events performed by various users. Semantic UI provides us with a Semantic UI styled feed. Let’s have a look at various feed type classes, before learning about the feed types.

Semantic UI Feed Type Classes:

• Feed: This is used to create a container, where various chronological events are held.

Syntax:

<div class="ui feed">
    <div class="event">
        ...
    </div>
    ...
</div>

Example 1: In the below example, we have created a standard feed.

Output:

Example 2: In the below example, we have created a standard feed with image content events.

Output:

References: https://semantic-ui.com/views/feed.html