Design-system Packages

ECL Disable scroll

Customizable design system with react • styled-components • styled-system and ariakit.

simple JS class to manage color palettes

Customizable design system with react • styled-components • styled-system and ariakit.

Customizable design system with react • styled-components • styled-system and ariakit.

Customizable design system with react • styled-components • styled-system and ariakit.

Customizable design system with react • styled-components • styled-system and reakit.

Customizable design system with react • styled-components • styled-system and ariakit.

An `<sp-progress-bar>` shows the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. It can represent determinate or indeterminate progress.

Customizable design system with react • styled-components • styled-system and ariakit.

A `<sp-action-bar>` delivers a floating action bar that is a convenient way to deliver stateful actions in cases like selection mode. `<sp-action-bar>` can be deployed in two variants beyond the default: `[varient="fixed"]` to position the element in rela

Deliver [Spectrum Workflow Icons](https://spectrum.adobe.com/page/icons/) as either:

ECL Icons -> EC flavor

Customizable design system with react • styled-components • styled-system and ariakit.

EC Footer Standardised

ECL EC Login bar

The `<sp-accordion>` element contains a list of items that can be expanded or collapsed to reveal additional content or information associated with each item. There can be zero expanded items, exactly one expanded item, or more than one item expanded at a

ECL Pager

ECL date blocks

ECL Colorize