JSPM

Umbraco UI icon-registry-essential component

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

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

Umbraco UI color-area component

Umbraco UI range-slider component

Umbraco UI color-swatch 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>

All-round button, Umbraco backoffice style.

Umbraco UI symbol-file-dropzone component.

A loader element in form of bar. Can show progress

Umbraco UI input-password component

Umbraco UI dialog component

A fluidtopics text field

Umbraco UI button-inline-create component

Umbraco UI ref-node-member component

Umbraco UI ref-node-data-type 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 color-picker component

A fluid-topics loader component

Umbraco UI card-media component

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

Container that accepts dropping files

Dynamic label with outline

A checkbox component

Global application context for Fluid Topics integrations

File

A simple dialog component

Notice to display different messages

A file uploader with drag and drop

Floating menu component

Value selector for a predefined list of choices

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

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

A radio component

Display charts from data

List the most viewed documents

Single stat value with a trend

Display sessions

small

A two step confirmation button

Collapsible web component

Search result title for integrated search component

Context block for integrated search components

A page layout component

Modal for Design System V2

Vertical or horizontal container with snap scrolling.

A fluidtopics text field

Placeholder for loading content

Flat selector for multivalued or monovalued filters

Context block for integrated reader topic components.

Search bar component using Fluid Topics public API

Title of a topic in integrated reader.

Metadata for integrated reader

Search result abstract for integrated search component

Search locale selector for integrated fluid-topics search pages

List of selected facets in a designed search page context

Context block for integrated reader components

Pixel component used to get viewport size

A top bar for FT admin screens

Search result context for integrated search component

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

A search component to retrieve occurrences in documents

Search result list for integrated search component

Reader component to list map attachments

Search facet for integrated search component

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

Search result metadata for integrated search component

Metadata of a topic in integrated reader.

Main content for integrated reader

A simple toggle component

Content of a topic in integrated reader.

A pagination component

Search bar input for integrated search component

Displays the saved searches

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

Spellcheck component

Reader internal link for integrated reader

A button to load more result in a search context

An infinite scroller.

Copy block

A number field input component.

Code aware highlighting

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

Search

Title for integrated reader

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

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

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

HTML input made with Web Components

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`

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

Simple github button

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.

Webcomponent dile-action-card to create a card element with buttons

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

SSR router for SvaLit

Webcomponent to create reactive media queries

Webcomponent dile-slide-show to create a content region collapsable with a smooth slide up/down animation

Main table of content for integrated reader

SSR Vanilla Async Lit

Main table of content for integrated reader

A library of web components for AI conversations based on lit and shoelace

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

A web-component library built using Lit Elements

A simple lit elements library using pattern library.

Web Components to create a semantic-differential rating-scale questions.

Webcomponent dile-card to create a card element

Webcomponent dile-progress-bar to create a progress bar element