@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.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)