语义 UI 消息状态

Semantic UI 为用户提供了许多组件来设计他们的界面。其中之一是“消息”。消息有不同的状态。您可以根据自己的要求使用它们。

Semantic-UI 消息状态将允许您隐藏消息或使消息对用户可见。我们可以创建一个 UI 来显示消息的不同状态。

语义 UI 消息状态类：

• hidden：您可以从 UI 中隐藏消息。当您需要在某些条件下隐藏消息时，它很有用。根据您的要求隐藏一些消息。
• 可见：您可以将消息设置为可见，以强制根据要求显示自己。在您希望每次打开网站时突出显示通知或永久显示某些消息的情况下，它可能非常有用。

句法：

  ....

示例 1：以下示例演示隐藏消息类。

HTML

  
    
    
  
         
    

      
GeeksforGeeks
      
Semantic UI Message states
      
No messages shown.
  
      

         
Please hide this message
      
    
  

输出：

语义 UI 消息状态

示例 2：以下示例演示了可见消息类。

HTML

  
    
    
  
  
             
    

      
GeeksforGeeks
      
Semantic UI Message states
        
Messages shown .
      

         
Please show this message . 
      
    
  

输出：

语义 UI 消息状态

参考： https ://semantic-ui.com/collections/message.html