UI MarCom 3

Breadcrumbs Stable Dark theme

The breadcrumb navigation provides orientation for the user on websites with a deeply nested page structure. It offers hyperlinks to reach the parent pages.

<uimc-breadcrumbs 
  items='[]'
></uimc-breadcrumbs>

AttributesDescriptionValuesDefault
itemsData array containing the information about the items[{“url“: “#“, “label“: “labelname“}, {…}][]
themeControl text color according to themingdark, nonenone

Working sample

<uimc-breadcrumbs 
  items='[{ "url": "#",  "label": "Home" },{ "url": "#",  "label": "Products &amp; Services" },{ "url": "#",  "label": "Medical Imaging" },{  "label": "Computed Tomography" }]'
></uimc-breadcrumbs>

Dark theme

<uimc-breadcrumbs 
  items='[{ "url": "#",  "label": "Home" },{ "url": "#",  "label": "Products &amp; Services" },{ "url": "#",  "label": "Medical Imaging" },{  "label": "Computed Tomography" }]' theme="dark"
></uimc-breadcrumbs>