Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Tools
  • Color slider

    Spectrum docs

    A color slider lets users visually change an individual channel of a color.

    Property Type Values Default Required Description
    background string - - No This will vary depending on implementation.
    channel string hue, saturation, lightness, red, green, blue, alpha hue No Which channel of the color this slider controls. Use 'alpha' for opacity.
    value number - - No Number (from minValue to maxValue).
    minValue number - 0 No -
    maxValue number - 100 No -
    step number - 1 No -
    orientation string horizontal, vertical horizontal No -
    length number - 192 No units: px
    isDisabled boolean - false No -
    state string default, hover, down, keyboard focus default No -