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

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 style toggle component

Umbraco UI scroll-container component

Umbraco UI dialog-layout component

Umbraco UI toast-notification-container component

Umbraco UI file-preview 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

Umbraco UI ref-node-form component

Umbraco UI input-lock component

Umbraco UI popover-container component

Umbraco UI color-slider component

Typography components

Umbraco UI ref component

Umbraco UI action-bar component

Umbraco UI input-file component.

Umbraco symbol-file custom element, displays a file

Umbraco UI ref-node component

Umbraco UI icon component

Umbraco UI ref-node-document-type component

Umbraco UI icon-registry component

Umbraco UI button text-copy component

Umbraco UI css 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 color-swatches component

Umbraco UI progress-bar component

Umbraco UI modal component

Umbraco UI symbol-file-thumbnail component.

An element to group buttons.

Umbraco UI select component

Umbraco UI form-validation-message component

A basic loader element

Umbraco UI combobox-list component

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 form-layout-item component

Umbraco UI menu-item component

Umbraco UI toast-notification-layout component

Umbraco UI label component

Umbraco UI form component

Umbraco UI card-content-node component

Umbraco UI ref-node-user component

An avatar web component for displaying user avatars.

Umbraco UI expand symbol 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 symbol-folder custom element, displays a folder

Umbraco UI card-block-type component

Umbraco UI symbol-more component

A caret with an open and close animation

A basic loader element

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.

A circular, animated loader that can display progress

Umbraco UI ref-list component

Umbraco UI symbol-lock component

Umbraco UI color-area component

Slider input

Umbraco UI ref-node-package component

Umbraco UI icon-registry-essential component

All-round button, Umbraco backoffice style.

Umbraco UI symbol-file-dropzone component.

A loader element in form of bar. Can show progress

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

Umbraco UI input-password component

Umbraco UI dialog component

Umbraco UI boolean-input component

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

Umbraco UI range-slider component

Umbraco UI button-inline-create component

A box web component for grouping elements

Umbraco UI color-swatch component

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 fluidtopics text field

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

Umbraco UI visually-hidden component

A generic Fluid Topics tag

Generic link component

A simple tooltip component

A dynamic table with filters

A generic Fluid Topics chip

A simple popover component

two-state

Generic tabs component

A dynamic table

Dynamic label with outline

Container that accepts dropping files

A checkbox component

A file uploader with drag and drop

Notice to display different messages

Global application context for Fluid Topics integrations

Floating menu component

A simple dialog component

File

Value selector for a predefined list of choices

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)

A radio component

Display charts from data

List the most viewed documents

Single stat value with a trend

Display sessions

small

Collapsible web component

A two step confirmation button

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.

Pixel component used to get viewport size

Title of a topic in integrated reader.

Search result abstract for integrated search component

List of selected facets in a designed search page context

Metadata for integrated reader

Search locale selector for integrated fluid-topics search pages

A top bar for FT admin screens

Context block for integrated reader components

Search facet for integrated search component

Search result context for integrated search component

A search component to retrieve occurrences in documents

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

Reader component to list map attachments

Search result list for integrated search component

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

Metadata of a topic in integrated reader.

Search result metadata for integrated search component

Content of a topic in integrated reader.

Main content for integrated reader

Search bar input for integrated search component

Displays the saved searches

Reader internal link for integrated reader

A simple toggle component

A pagination component

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

Spellcheck component

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

Search

Main table of content for integrated reader

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

eTools UNICEF library of reusable components

Embeddable fluid-topics iframe

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

Test helpers

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

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

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

HTML input made with Web Components

Web component with Lit scaffolding - Extending Open Web Component

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

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

The PWA module for TiniJS apps.

Web component widget for fetching and maintaining ABRA Flexi addons.

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

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