Semantic-UI Message States
Semantic UI offers many components for users to design their interface. One of them is “Message”. There are different states of messages. You can use them as per your requirement.
Semantic-UI Message States will let you hide or make the message visible to the user. We can create a UI to show the different states of messages.
Semantic UI Message States Class:
- hidden: You can hide a message from your UI. It is useful where you need to hide a message with certain conditions. Hide some messages as per your requirements.
- visible: You can set a message to visible to force itself to be shown as per the requirement. It can be very useful in scenarios where you want to highlight a notice every time your website is opened or show some message permanently.
<div class="ui hidden message"> .... </div>
Example 1: The following example demonstrates the hidden message class.
Example 2: The following example demonstrates the visible message class.