幽灵吐司

Spectre Toast用于向用户显示通知。 Toast 用于显示任何用户交互的通知。如果任何任务已通过或失败，它可用于提醒用户。要创建 toast，您需要添加一个带有 toast 类的容器元素。您可以在容器中添加任何文本，甚至图标。

幽灵祝酒类：

• toast：该类用于创建 toast 组件。
• toast-themecolor：该类用于定义 toast 的主题颜色，如 toast-primary、toast-success 等，您可以选择任何您想要的颜色。

句法：

  ....

注意：如果需要，您还可以使用btn-clear 类添加关闭按钮。

下面的例子 说明Spectre 祝酒

示例：在此示例中，我们将创建两个 toast，一个是普通的 toast，另一个是基于主题的。

HTML

  

    
    
    

  

    
        
GeeksforGeeks
        SPECTRE Toasts Class
        


        

            
                Windows 11:
            
            
                A new update for based on your use
            
            
            
        
        

        

            
                Windows 10:
            
            
                Windows 11 update is ready
            
            
            
        
    

  

输出：

幽灵吐司

参考： https://picturepan2.github.io/spectre/components/toasts.html