Semantic-UI 下拉图标内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

语义 UI 下拉菜单允许用户从一系列选项中选择一个值。 Semantic-UI Dropdown 为我们提供了 11 种下拉菜单和 3 种内容标题、分隔符和图标。在本文中，我们将了解 Icon 内容。

Semantic-UI Dropdown Icon Content用于创建一个下拉菜单，可以容纳一个图标以获得更好的界面。

Semantic-UI 下拉图标内容类：

• icon：该类用于在下拉菜单上添加图标。

句法：

下面的示例说明了 Semantic-UI 下拉内容图标：

例子：

HTML

  

    

  

    
        
Geeksforgeeks
        Semantic-UI Dropdown Icon Content
        


        

            
            Folder
            

                

                    
                    ...
                
                

                

                    
                    ...
                
                

                    
                    ...
                
                

                    
                    ...
                
            
        
    

  

输出：要使下拉菜单具有交互性，我们需要添加 onclick函数。

Semantic-UI 下拉图标内容

参考： https ://semantic-ui.com/modules/dropdown.html#icon