Semantic-UI Secondary Menu Type Last Updated : 09 Mar, 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 Menu is used to display the grouped navigation menu. A navigation menu is used in every website to make it more user-friendly so that the navigation through the website becomes easy and the user can directly search for the topic of their interest. Semantic-UI Secondary Menu Type: It is used to create the secondary menu that can adjust its appearance to de-emphasize its contents. To create the secondary menu type, we will use the secondary class. We will use the anchor element to create the secondary menu list items. Used Class: secondary: This class is used to create the secondary menu that can adjust its appearance to de-emphasize its contents. Syntax: <div class="ui secondary menu"> ... </div> Example 1: This example describes the use of Semantic-UI Secondary Menu Type. Here we are creating a horizontal secondary menu with link items. HTML <!DOCTYPE html> <html> <head> <title> Semantic-UI Secondary Menu Type </title> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> </head> <body> <div class="ui container"> <h2 style="color:green"> GeeksforGeeks </h2> <h3>Semantic-UI Secondary Menu Type</h3> <div class="ui secondary menu"> <a href="#" class="item active"> GeeksforGeeks </a> <a href="#" class="item"> HTML </a> <a href="#" class="item"> CSS </a> <a href="#" class="item"> JavaScript </a> <a class="item"> Bootstrap </a> <a class="item"> React.js </a> <a class="item"> Node.js </a> </div> </div> </body> </html> Output: Example 2: This example describes the use of Semantic-UI Secondary Menu Type. Here we are creating a horizontal secondary menu with link items. HTML <!DOCTYPE html> <html> <head> <title> Semantic-UI Secondary Menu Type </title> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> </head> <body> <div class="ui container"> <h2 style="color:green"> GeeksforGeeks </h2> <h3>Semantic-UI Secondary Menu Type</h3> <div class="ui vertical secondary menu"> <a href="#" class="item active"> GeeksforGeeks </a> <a href="#" class="item"> HTML </a> <a href="#" class="item"> CSS </a> <a href="#" class="item"> JavaScript </a> <a class="item"> Bootstrap </a> <a class="item"> React.js </a> <a class="item"> Node.js </a> </div> </div> </body> </html> Output: Reference: https://semantic-ui.com/collections/menu.html#secondary-menu Comment More infoAdvertise with us Next Article Semantic-UI Secondary Menu Type V vkash8574 Follow Improve Article Tags : Web Technologies CSS Geeks Premier League Geeks-Premier-League-2022 Semantic-UI Semantic-UI Collections +1 More Similar Reads Semantic-UI Menu Types 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. The best part about this framework is that it creates beautiful and responsive layout 3 min read Semantic-UI Menu Pointing Type 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. The Menu is a component that displays a group of items that serve as navigation betwe 2 min read Semantic-UI Menu Pagination Type Semantic UI is a modern framework used in developing seamless designs for the website, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks. The Menu is a component that displays a group of items that serve as navigatio 2 min read Semantic-UI Search Types 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. It uses a class to add CSS to the elements. The search bar allows us to search for co 4 min read Semantic-UI Feed Types 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. It uses a class to add CSS to the elements. Feed elements are used to document the we 3 min read Like