@umbraco-ui/uui-box

uui-box

See it in action

Preview the component on Storybook

Installation

ES imports

npm i @umbraco-ui/uui-box

Import the registration of <uui-box> via:

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

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

import { UUIBoxElement } from '@umbraco-ui/uui-box';

Usage

<uui-box headline="Headline"> Content </uui-box>

To specify a headline variant, eg. h2 then use the headline-variant attribute:

<uui-box headline="Headline" headline-variant="h2"> Content </uui-box>

Changelog

1.10.0-rc.0 (2024-09-10)

Bug Fixes

• adds an aria-label to the caret button with a matching property (03d22c1)
• adds an aria-label to the caret button with a matching property (fd699d5)
• ensure that empty text nodes do not make the label mixin think it is non-empty (ec197fc)
• revert the function to calculate if a default slot is empty (0f00e3e)
• uui-form-validation-message: default renderer does not support raw HTML (#835) (f57456d)
• uui-input-lock: the UUIInputLockEvent is not exported (#836) (88d9358)
• uui-radio: keyboard navigation does not work as intended (#870) (8a7d3d5)
• uui-radio: keyboard navigation does not work as intended (#870) (46e93ca)
• uui-textarea: add danger border if the element is invalid (286a605)
• uui-textarea: add danger border if the element is invalid (b16d500)

Features

• add rel property to relevant elements to override default behavior (#814) (f1978e0)
• add readonly mode (bffe72b)
• Consistent cursor style for checkbox and radiobutton (#857) (e2e1011)
• Consistent cursor style for checkbox and radiobutton (#857) (70c4efe)
• dropzone should support folder upload (#841) (ea8bf2a)
• implement readonly for uui-combobox (1909b36)
• implement readonly for uui-range-slider (89bbf0d)
• implement readonly mode for uui-ref-node (5c84cec)
• implement readonly state for uui-slider (14d8f33)
• Indeterminate state for boolean input and checkbox (#856) (0692937)
• Indeterminate state for boolean input and checkbox (#856) (74a6121)
• readonly state for boolean base class (2c5c5a3)
• readonly state for checkbox (c58e6bf)
• readonly state for toggle (86ab7b8)
• readonly state for uui-radio (c7efa01)
• readonly state for uui-radio-group (8d2e211)
• uui-color-picker: allow the value to be empty (#842) (c3663b0)
• uui-popover-container: remove the Firefox popover polyfill (#858) (a8d87b5)
• uui-popover-container: remove the Firefox popover polyfill (#858) (d26635f)