@umbraco-ui/uui-breadcrumbs

uui-breadcrumbs

See it in action

Preview the component on Storybook

Installation

ES imports

npm i @umbraco-ui/uui-breadcrumbs

Import the registration of <uui-breadcrumbs>, <uui-breadcrumb-item> via:

import '@umbraco-ui/uui-breadcrumbs';

When looking to leverage the UUIBreadcrumbsElement or UUIBreadcrumbItemElement base class as a type and/or for extension purposes, do so via:

import {
  UUIBreadcrumbsElement,
  UUIBreadcrumbItemElement,
} from '@umbraco-ui/uui-breadcrumbs';

Usage

<uui-breadcrumbs>
  <uui-breadcrumb-item href="https://...">Item 1</uui-breadcrumb-item>
  <uui-breadcrumb-item href="https://...">Item 2</uui-breadcrumb-item>
  <uui-breadcrumb-item href="https://...">Item 3</uui-breadcrumb-item>
</uui-breadcrumbs>

Changelog

1.9.0-rc.0 (2024-07-11)

Bug Fixes

• ensure that empty text nodes do not make the label mixin think it is non-empty (b0461b6)
• Hide the native input for boolean elements in firefox (#808) (bc31088)
• Hide the native input for boolean elements in firefox (#808) (81c0a95)
• prevent overflow when not hovered (#816) (3e3f22a)
• prevent overflow when not hovered (#816) (b3fcd2b)
• uui-form-validation-message: default renderer does not support raw HTML (#835) (4320539)
• uui-input-lock: the UUIInputLockEvent is not exported (#836) (43a7528)

Features

• add rel property to relevant elements to override default behavior (#814) (cf81c2d)
• add readonly mode (23c6d2c)
• dropzone should support folder upload (#841) (dc7594d)
• implement readonly for uui-combobox (2b03861)
• implement readonly for uui-range-slider (e720227)
• implement readonly mode for uui-ref-node (d37861c)
• implement readonly state for uui-slider (9379cc1)
• readonly state for boolean base class (78ebbdd)
• readonly state for checkbox (5e3cbdc)
• readonly state for toggle (c7565b9)
• readonly state for uui-radio (201917e)
• readonly state for uui-radio-group (6a5f636)
• uui-color-picker: allow the value to be empty (#842) (c45ac40)
• uui-slider: Hide label property + fix error for floating point numbers (#813) (bef030f)
• uui-slider: Hide label property + fix error for floating point numbers (#813) (12bcd06)