ColorId

Color {{colorId}}

ToneId and BrightnessId

Tone {{toneId}}:
Brightness {{brightnessId}}
:global(.example) { margin: 4px; } :global(.example) div { width: 90px; display: inline-block; } import angular from 'angular'; import '@jetbrains/ring-ui/components/palette/palette.scss'; angular.module('Example.palette', []). controller('PaletteCtrl', function () { const xrange = num => [...Array(num)].map((val, index) => index); this.arr5 = xrange(5); this.arr7 = xrange(7); });