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>
Attributes | Description | Values | Default |
---|---|---|---|
items | Data array containing the information about the items | [{“url“: “#“, “label“: “labelname“}, {…}] | [] |
theme | Control text color according to theming | dark, none | none |
Working sample
<uimc-breadcrumbs
items='[{ "url": "#", "label": "Home" },{ "url": "#", "label": "Products & Services" },{ "url": "#", "label": "Medical Imaging" },{ "label": "Computed Tomography" }]'
></uimc-breadcrumbs>
Dark theme
<uimc-breadcrumbs
items='[{ "url": "#", "label": "Home" },{ "url": "#", "label": "Products & Services" },{ "url": "#", "label": "Medical Imaging" },{ "label": "Computed Tomography" }]' theme="dark"
></uimc-breadcrumbs>