@pbroom/color-kit/driverSlider gradient

SliderGradientStyles

CSS-ready gradient output of getSliderGradientStyles.

interfaceimport type { SliderGradientStyles } from '@pbroom/color-kit/driver';slider-gradient.ts:162
interface SliderGradientStyles {
  colorSpace: SliderColorSpace;
  orientation: ColorSliderOrientation;
  stops: SliderGradientStop[];
  activeBackgroundImage: string;
  srgbBackgroundImage: string;
  srgbBackgroundColor: string;
}

Properties

colorSpaceSliderColorSpace
Resolved target color space of the active gradient.
stopsSliderGradientStop[]
The sampled stops, as from sampleSliderGradient.
activeBackgroundImagestring
linear-gradient(…) built from each stop's activeCss.
srgbBackgroundImagestring
linear-gradient(…) built from each stop's srgbCss.
srgbBackgroundColorstring
First stop's srgbCss, as a solid background-color fallback.