Spectrum Packages

The Spectrum CSS rating component

The Spectrum CSS dropindicator component

The Spectrum CSS calendar component

spectrum client for js

An `<sp-status-light>` is a great way to convey semantic meaning, such as statuses and categories. It provides visual indicators through colored dots accompanied by descriptive text.

Create a range of colors in an Array by linear interpolation.

The Spectrum CSS Color Handle component

The Spectrum CSS Color Loupe component

The Spectrum CSS Color slider component

The Spectrum CSS Color Area component

The Spectrum CSS Color Area component

Performant waveform renderer with WebGL

The Spectrum CSS thumbnail component

The Spectrum CSS tray component

Use an `<sp-asset>` element to visually represent a file, folder or image in your application. File and folder representations will center themselves horizontally and vertically in the space provided to the element. Images will be contained to the element

The Spectrum CSS dial component

`<sp-coachmark>` is a temporary message that educates users through new or unfamiliar product experiences. They can be chained into a sequence to form a tour.

An `<sp-meter>` is a visual representation of a quantity or achievement. The meter's progress is determined by user actions, rather than system actions.

[](https://www.npmjs.com/package/ng-color-scale) [](https://npmjs.org/ng-color-scale) ![publish](https://github.com/eddrichjanzzen/ng-

The Spectrum CSS underlay component