Design-system Packages

ECL EC Fact and Figures

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

An `<sp-illustrated-message>` displays an illustration icon and a message, usually in an empty state or on an error page. It is also used inside a DropZone.

ECL EC Background

ECL Search form

EC Language list

ECL EC Site Header Standardised

ECL EC Page Header

Components for GitHub Documentation Sites

ECL EC Form group

ECL EC File

`sp-textfield` components are text boxes that allow users to input custom text entries with a keyboard. Various decorations can be displayed around the field to communicate the entry requirements.

Common mixins for Spectrum CSS components

Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications

The Spectrum CSS actiongroup component

ECL Form Labels

ECL EC Website preset

An `<sp-underlay>` provides a visual layer between overlay content and the rest of your application. It is commonly used with modal dialogs and other overlay elements to create a visual separation and prevent interaction with the background content while

ECL EC Message

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