Semantic-UI Message Icon Type
Semantic UI is an open-source development framework that provides pre-defined classes to make our website look beautiful, amazing, and responsive. It is similar to Bootstrap which has predefined classes. It uses jQuery and CSS to create the interfaces. It can also be directly used via CDN like bootstrap.
Semantic UI provides the users with various different message type classes that can be used for different purposes to display a message with a good interface. In this article let us see about the messages of Icon type in Semantic UI.
Semantic-UI Icon type message classes:
- icon: This indicates that the message is of icon type
<div class="ui icon message"> <i class="icno-name* icon"></i> <div class="content"> ... </div> </div>
Example 1: This example describes the message of icon type.
Example 2: This example describes the message of icon type.