@pbroom/color-kit/driverSlider gradient
SliderGradientStyles
CSS-ready gradient output of getSliderGradientStyles.
import type { SliderGradientStyles } from '@pbroom/color-kit/driver';slider-gradient.ts:162interface SliderGradientStyles {
colorSpace: SliderColorSpace;
orientation: ColorSliderOrientation;
stops: SliderGradientStop[];
activeBackgroundImage: string;
srgbBackgroundImage: string;
srgbBackgroundColor: string;
}Properties
- colorSpace
SliderColorSpace - Resolved target color space of the active gradient.
- orientation
ColorSliderOrientation - Resolved orientation.
- stops
SliderGradientStop[] - The sampled stops, as from
sampleSliderGradient. - activeBackgroundImage
string linear-gradient(…)built from each stop'sactiveCss.- srgbBackgroundImage
string linear-gradient(…)built from each stop'ssrgbCss.- srgbBackgroundColor
string - First stop's
srgbCss, as a solidbackground-colorfallback.