JSPM

Typography components

Umbraco checkbox custom element, toggles between checked and uncheck

Umbraco UI file-dropzone component.

Tag component from Umbraco UI components library. Comes in one shape, but different looks and sizes

Custom element wrapping the native textarea element. This is a formAssociated element, meaning it can participate in a native HTMLForm. In browsers other then Chrome it may require a polyfill.

Umbraco UI popover component

A custom Fluid Topics ripple component

This is a base dependency for Umbraco UI components. It contains mixins, animations, abstract base classes, UUIEvent base class, and universal types for properties shared by different components

Custom element wrapping the native input element. This is a formAssociated element, meaning it can participate in a native HTMLForm. In browsers other then Chrome it may require a polyfill.

Umbraco UI input-lock component

Umbraco style toggle component

Umbraco UI scroll-container component

Umbraco UI dialog-layout component

Umbraco UI toast-notification-container component

Umbraco UI file-preview component.

Umbraco UI ref-node-form component

Umbraco UI popover-container component

Umbraco UI color-slider component

Typography components

Umbraco UI ref component

Umbraco UI icon component

Umbraco UI action-bar component

Umbraco UI input-file component.

Umbraco UI icon-registry component

Umbraco UI ref-node component

Umbraco UI button text-copy component

Umbraco UI ref-node-document-type component

Umbraco symbol-file custom element, displays a file

An element to group buttons.

Umbraco UI toast-notification component

Radio input, Umbraco backoffice style. Package contains two custom elements, <uui-radio> and <uui-radio-group>. You must wrap radio elements in the group, to make the input work. Can participate in native form element.

Umbraco UI css component

Umbraco UI form-layout-item component

This package contains two web components - uui-breadcrumb-item and uui-breadcrumbs. They can be used as an additional navigation to allow users to keep track and maintain awareness of their location.

Umbraco UI menu-item component

Umbraco UI toast-notification-layout component

Umbraco UI label component

Umbraco UI form component

Umbraco UI color-swatches component

Umbraco UI modal component

Umbraco UI symbol-file-thumbnail component.

Umbraco UI ref-node-user component

Umbraco UI progress-bar component

Umbraco UI select component

Umbraco UI form-validation-message component

A basic loader element

Umbraco UI combobox-list component

Umbraco UI card-content-node component

Slider input

An avatar web component for displaying user avatars.

Umbraco UI expand symbol component

Umbraco UI card-block-type component

This element is designed to hold uui-avatars. It displays them slightly overlapped, so they are presented nicely. Use it if you need to display many avatars in one place. Set a limit to display certain number of avatars and a number of the ones remaining

Umbraco UI symbol-more component

A caret with an open and close animation

A basic loader element

A circular, animated loader that can display progress

Umbraco UI pagination component. By implementing a resizeObserver it changes the number of visible buttons to fit the width of the container it sits in. Based on uui-button and uui-button-group.

Umbraco UI ref-list component

Umbraco UI symbol-lock component

Umbraco UI ref-node-package component

Umbraco UI color-area component

Umbraco symbol-folder custom element, displays a folder

The full Umbraco UI Library. The package includes and registers all UUI Web Components.

Umbraco UI range-slider component

Umbraco UI icon-registry-essential component

Umbraco UI color-swatch component

All-round button, Umbraco backoffice style.

Umbraco UI symbol-file-dropzone component.

A loader element in form of bar. Can show progress

A fluidtopics text field

Umbraco UI input-password component

Umbraco UI dialog component

Umbraco UI button-inline-create component

Umbraco UI boolean-input component

A badge to notify that there is something that requires attention of the user.

A box web component for grouping elements

Umbraco UI combo-box component

Umbraco UI sort symbol component

This package contains two elements, <uui-tab> and <uui-tab-group>

Umbraco UI ref-node-member component

Umbraco UI ref-node-data-type component

A fluid-topics loader component

Umbraco UI color-picker component

Umbraco UI card-media component

This package contains two web components - uui-key and uui-keyboard-shortcut. They can be used to illustrate key combination for keyboard shortcuts

A generic Fluid Topics tag

Umbraco UI visually-hidden component

Generic link component

A simple tooltip component

A generic Fluid Topics chip

A dynamic table with filters

A simple popover component

two-state

Generic tabs component

A dynamic table

Container that accepts dropping files

A checkbox component

Global application context for Fluid Topics integrations

Dynamic label with outline

File

A file uploader with drag and drop

A simple dialog component

Notice to display different messages

Floating menu component

Integrated component that displays internationalized label from a Fluid Topics portal.

A simple round slider webcomponent - [demo](https://rawcdn.githack.com/thomasloven/round-slider/master/example.html)

Value selector for a predefined list of choices

A radio component

Display charts from data

List the most viewed documents

Single stat value with a trend

small

Display sessions

A two step confirmation button

Collapsible web component

Search result title for integrated search component

A page layout component

Context block for integrated search components

Modal for Design System V2

A fluidtopics text field

Vertical or horizontal container with snap scrolling.

Flat selector for multivalued or monovalued filters

Placeholder for loading content

Search bar component using Fluid Topics public API

Context block for integrated reader topic components.

Title of a topic in integrated reader.

Metadata for integrated reader

Pixel component used to get viewport size

List of selected facets in a designed search page context

Search locale selector for integrated fluid-topics search pages

Context block for integrated reader components

Search result abstract for integrated search component

A top bar for FT admin screens

Search result list for integrated search component

A search component to retrieve occurrences in documents

Search facet for integrated search component

Search result context for integrated search component

Feedback forms for a map and its topics in an integrated reader

Reader component to list map attachments

The accordion component allows the user to show and hide sections of related content on a page.

Metadata of a topic in integrated reader.

A simple toggle component

A pagination component

Search result metadata for integrated search component

Content of a topic in integrated reader.

Displays the saved searches

Main content for integrated reader

Search bar input for integrated search component

Reader internal link for integrated reader

Spellcheck component

Button used to navigate between pages in an integrated reader context.

An infinite scroller.

A button to load more result in a search context

Copy block

Code aware highlighting

A number field input component.

A component displaying the number of search results

Search period filter for integrated fluid-topics search pages

Displays the previous/current/next page title

A hierarchical selector for tree

Title for integrated reader

Main table of content for integrated reader

Search

A component displaying the missing terms of the query in a search results

eTools UNICEF library of reusable components

Embeddable fluid-topics iframe

A custom portal directive for the Lit framework to render content elsewhere in the DOM

Chip-choice is a component used to make single-select or multi-select selections.

Test helpers

Package aimed to expose helpers function for CMS development

👩‍🚀🌛 Lit meets Apollo GraphQL 🚀👨‍🚀

Lit Base Elements for ExMachina

An reorderable list component

Exmg Lit Controllers

A server-side rendering plugin for Lit based Greenwood projects.

Useful helpers, services for TiniJS apps.

Exmachina's CLI helper with Lit projects

Update Lit imports from lit-element to lit etc

Super class wrapper for lit

HTML input made with Web Components

Flexible Web Component for rich text editing with WYSIWYG and Markdown support. Easy to integrate, customizable UI, powered by ProseMirror.

Webcomponent dile-datepicker to create a custom-styled datepicker element, following open-wc recommendations

Web Component to implement a plain selector interface, following open-wc recommendations

Webcomponent dile-info-box to create a custom-styled box containing a message

Webcomponent dile-button-icon to create a custom-styled button element with an icon, following open-wc recommendations

Web component with Lit scaffolding - Extending Open Web Component

Simple Webcomponents based wrapper for SVG Tag.

Web Component for a customized input text field, based on LitElement

Web Component for a customized styled textarea field, based on Lit and @lion/textarea

Web Component to send feedback to the user, inspired on the Material Design toast component

Simple web-socket debug customElement

web components virtual list

Webcomponent dile-order-switch to create a order switch

Simple progress ring customElement dev with Lit!

Web Component to implement a plain selector interface, following open-wc recommendations

ricky-cli is a powerful and user-friendly command-line interface designed to streamline and automate the process of creating components and others utilities for your projects. Built with Node.js and leveraging popular libraries such as chalk, figlet, and

The core of the TiniJS framework.

Webcomponent dile-rating to create a a rating interface with stars

Simple button to handle the color-scheme auto / light / dark / dim

The Meta module for TiniJS apps.

Web Component for a customized input text, type password, based on Lit

A Web Component that can perform requests from ft portal and possibly create JIRA issues

Web Component for a customized input text to create numbers with a display format introuced by a mask

SSO Kit Client Lit

Simple github button

Main topic for integrated reader

| Parameter | Type | Description | | :-------- | :------- | :------------------------- | | `min` | `number` | uf min value | | `max` | `number` | uf max number | | `step` | `number` | step between each click | | `value` | `number`

Simple github button

Webcomponent dile-icon to create a custom-styled icon element, following open-wc recommendations

Some functions and controllers for Lit

Web Component to display some content o other based in it's property values

An example of how to make and publish a web component using Lit & Vite

Webcomponent to make radio buttons and grouped radio buttons

Webcomponent to create a user editor interface, configured on various ways

Web Component to implement a menu displayed in a overlay layer with a smooth animation

Webcomponent to create a animated menu similar to the material design navigation drawer component

Web component that selects a date without a calendar, for an input text field, based on Lit.

Web component to display a configurable tooltip.

Webcomponent dile-network to check connection to the Internet status

Webcomponent dile-html-transform to convert new lines and Urls to <br> and <a>

SSO Kit Client Lit

A component to show the tipical hamburger menu icon with two states

Web Component to implement an always visible toast message

Simple snackbar Lit Element

Webcomponent dile-range to create a custom-styled range element, following open-wc recommendations

Webcomponent dile-input-search to create a search field with some functionality, following open-wc recommendations

A component to implement a full hamburger menu

Webcomponent to create a user avatar interface, configured on various ways

Web Component dile-spinner to create the typical loading spinner with a CSS animation

Components for SvaLit

Webcomponent dile-button to create a custom-styled button element, following open-wc recommendations

Webcomponent dile-message to create a feedback message and a close button

SvaLit adapter for Vercel

Web Component to implement a tabs interface., following open-wc recommendations

Webcomponent dile-nav to create a nav bar

Web component to create social icons, based on Lit

Card component.

A webcomponent to create sankey diagrams in SVG format (typically of domestic electricity flow)

Embeddable fluid-topics iframe

Web Component for a customized graph using Chart.js, based on Lit

The PWA module for TiniJS apps.

Web component widget for fetching and maintaining ABRA Flexi addons.

Webcomponent dile-breadcrumbs to create a custom-styled breadcrumbs element

Webcomponent dile-icon-switch to create a custom-styled switch with an icon that have two states, active and inactive. And dile-icon-switch-group component to make a combined switch group. Following open-wc recommendations

State management library for Lit, enabling easy state sharing across components.

SSR router for SvaLit

Webcomponent to create reactive media queries