@umbraco-ui/uui-box

uui-box

Installation

ES imports

npm i @umbraco-ui/uui-box

Import the registration of <uui-box> via:

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

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/lib/uui-box.element';

CDN

The component is available via CDN. This means it can be added to your application without the need of any bundler configuration. Here is how to use it with jsDelivr.

<!-- Latest Version -->
<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-box@latest/dist/uui-box.min.js"></script>

<!-- Specific version -->
<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-box@X.X.X/dist/uui-box.min.js"></script>

Usage

<uui-box>
  <div slot="header">Header</div>
  <div slot="main">Main</main>
</uui-box>