Semantic-UI Dropdown Icon Content Last Updated : 10 Feb, 2022 Summarize Comments Improve Suggest changes Share Like Article Like Report Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic UI dropdown allows a user to select a value from a series of options. Semantic-UI Dropdown offers us 11 types of dropdown and 3types of content Header, divider, and icon. In this article, we will learn about the Icon content. Semantic-UI Dropdown Icon Content is used to create a dropdown that can hold an icon for a better interface. Semantic-UI Dropdown Icon Content Class: icon: This class is used to add the icon on the dropdown. Syntax: <div class="ui labeled icon dropdown button"> <i class="...icon"></i> </div> The below example illustrates the Semantic-UI Dropdown Content Icon: Example: HTML <!DOCTYPE html> <html> <head> <link href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" /> </head> <body> <center> <h1>Geeksforgeeks</h1> <strong>Semantic-UI Dropdown Icon Content</strong> <br><br> <div class="ui floating labeled icon dropdown button"> <i class="folder icon"></i> <span class="text">Folder</span> <div class="menu"> <div class="header"> <i class="... icon"></i> ... </div> <div class="divider"></div> <div class="item"> <i class="... icon"></i> ... </div> <div class="item"> <i class="... icon"></i> ... </div> <div class="item"> <i class="... icon"></i> ... </div> </div> </div> </center> </body> </html> Output: To make the dropdown interactive we need to add onclick function. Semantic-UI Dropdown Icon Content Reference: https://semantic-ui.com/modules/dropdown.html#icon Comment More infoAdvertise with us Next Article Semantic-UI Dropdown Image Content S skyridetim Follow Improve Article Tags : Web Technologies CSS Semantic-UI Semantic-UI Modules Similar Reads Semantic-UI Dropdown Input Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. A Semantic UI Dropdown allows a user to select a value from a series of options. Sema 2 min read Semantic-UI Dropdown Content Semantic UI is an open-source framework that used CSS and jQuery to make our websites look beautiful and responsive. It has predefined classes like bootstrap for use to make our website more interactive. It has some pre-built semantic components and we can use these components to create a responsive 6 min read Semantic-UI Form Dropdown Content Semantic UI is an open-source framework that used CSS and jQuery to make our websites look beautiful and responsive. It has predefined classes like bootstrap for use to make our website more interactive. It has some pre-built semantic components and we can use these components to create a responsive 2 min read Semantic-UI Dropdown Image Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. A Semantic UI dropdown allows a user to select a value from a series of options. Sema 2 min read Semantic-UI Menu Dropdown Item Content Semantic UI open-source framework gives icons or glyphs that are used to show pictures related to some elements using CSS and jQuery that is used to create great user interfaces. It is a development framework used to create beautiful and responsive layouts. Semantic UI Menu is a group of elements th 2 min read Semantic-UI Dropdown Label Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic UI dropdown allows a user to select a value from a series of options. Semant 2 min read Like