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>