Semantic-UI Breadcrumb States
Semantic UI offers many components for users to design their interface. One of them is “Breadcrumb”.
We will create a UI to show the states of breadcrumb. In this article we will learn about the status of breadcrumbs, where we can make active any item from that breadcrumb by using the active class on it.
Semantic UI Breadcrumb States Class:
- active: You can make different sections of the breadcrumb active as per the content of your UI.
<div class="ui breadcrumb"> <div class="active section">....</div> </div>
Example: The following example demonstrates the active section of a breadcrumb using the active class.