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 –

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.

• Item 1
• Item 2
• Active Item

Disable Breadcrumb Item

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

• Item 1
• Item 2