Tutorialsplane

UIkit Breadcrumb


UIkit Breadcrumb– Breadcrumb is basically used to represent the user location on website. Class .uk-breadcrumb is used to create breadcrumb. Here in this article we are going to explain how to use this class. You can also use our online editor to edit and run the code online.


UIkit Breadcrumb Example

Add class uk-breadcrumb to <ul> and add <li> and <a>. If you want to show active link item replace <a> by <span>. Here is simple example of breadcrumb –

UIkit Breadcrumb | Example:



Try it »

If you run the above example it will produce the output something like this-

Active Breadcrumb Item

Replace <a> by <span> to make an item active.



Disable Breadcrumb Item

Add class uk-disabled to <li> make disabled breadcrumb.



         


       

Uikit Tutorial

Component