幽灵菜单

Spectre 菜单是交互式网站的重要组成部分。菜单是允许用户从列表中选择值的项目的集合。

Spectre 菜单包含默认菜单和下拉菜单。 Spectre 下拉菜单用于添加下拉菜单。您需要使用下拉类添加容器元素，并使用下拉切换类为按钮和菜单添加可聚焦元素。如果想要默认菜单，则无需使用下拉类。

幽灵菜单类型：

• Spectre 默认菜单：这是默认菜单选项，在这种类型中我们可以使用复选框、收音机等。
• Spectre 下拉菜单：这是一个下拉选项，与默认设置相同，但在下拉工具中。

幽灵菜单类：

• menu：此类用于将项目保存在作为菜单的容器中。
• menu-item：这个类用于创建菜单项，

句法：

    

        ...
    
    ...

以下示例说明了 Spectre 菜单：

示例 1：在此示例中，我们将创建一个简单的菜单。

HTML

  

    
    
    

  

    
        
GeeksforGeeks
        SPECTRE Menu
  
        


        Spectre Default Menu:
        

            

                
Choose the Topics of DSA
                

                
Linked List
                
Stacks
                
Queues
                
Trees
                
Graphs
            
        
    

  

输出：

幽灵菜单

示例 2：在此示例中，我们将创建一个下拉菜单，该菜单也将包含一个复选框。

HTML

  

    
    
    

  

    
        
GeeksforGeeks
        SPECTRE Menu
        


        Spectre Dropdown Menu:
        

            
                DSA Course 
            
            

                
Array
                    
                
                
Linked List
                    
                
                
Stacks
                    
                
                
Queues
                    
                
                
Trees
                    
                
                
Graphs
                    
                
            
        
    

  

输出：

幽灵菜单

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