Semantic-UI Dropdown Description 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. 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 Description content. The Semantic-UI Dropdown Description Content is used to create a dropdown menu with items that contain a description.
Note: For using a description needs, one needs to set a minimum width on the menu to prevent the content from overlapping.
Semantic-UI Dropdown Description Content Class:
- description: This class is used to set the description of a dropdown item.
<div class="item"> <span class="description">...</span> <span class="text">...</span> </div>
Example: The below example illustrates the Semantic-UI Dropdown Description Content: