Developers

Categories Breadcrumb

The Breadcrumb component allows a user to easily navigate within categories. They can return from their current page to the root category, or any subcategory in between, as applicable.

The component has the following structure:

  • inbenta-km__breadcrumb: the component's main container.
    • inbenta-km__breadcrumb__element: the container for the text indicating the user's current position. It may also contain a "previous" icon if desired.

Component image

Breadcrumb component image

HTML Structure

<div class="inbenta-km__breadcrumb">
        <div class="inbenta-km__breadcrumb__element">Home</div>
        <div class="inbenta-km__breadcrumb__element inbenta-km-active">Flights</div>
        ...
    </div>
</div>

CSS editable properties

Class Properties
.inbenta-km__breadcrumb padding
.inbenta-km__breadcrumb__element display, padding, color
.inbenta-km__breadcrumb__element:first-child:before Sets the icon for the first element.
.inbenta-km__breadcrumb__element:after Sets the icon after each breadcrumb element.
.inbenta-km__breadcrumb__element.inbenta-km-active color