Semantic-UI Message Positive / Success Variation
Semantic UI is the open-source framework that used CSS and jQuery to make our websites look beautiful and responsive. It has predefined classes like bootstrap for use to make our website more interactive. It has some pre-built semantic components and we can use these components to create a responsive website.
Semantic UI Message is used to display a message that can explain the nearby content. Positive / Success Variation is used to display positive and success types of messages. We can use positive class when we want to show some positive information and success class when we want to show our task success. In this article, we will discuss the Positive / Success Variation of Message in Semantic UI.
Semantic-UI Message Positive / Success Variation Classes:
- positive: This class is used to display a positive message.
- success: This class is used to display the successful task completion messages.
<div class="ui Positive/Success-Variation-Classes message"> ... </div>
Example 1: The following code demonstrates the Semantic-UI Message Positive Variation.
Example 2: The following code demonstrates the Semantic-UI Message Success Variation.