Configure the Adjust Tool

Trim the Adjust tool to the sliders your users actually need. config.adjust.controls takes an ordered list of controls and renders only those — hiding the rest and any group left empty.

When to use this

  • You want a focused "quick edit" experience (just Brightness / Contrast).
  • Your brand guidelines only permit specific adjustments.
  • You're building a guided flow and want to remove overwhelming options.

Configure the controls

<ImageEditor
  src="/photo.jpg"
  config={{
    adjust: {
      controls: ["brightness", "contrast", "saturation"],
    },
  }}
/>

Available controls: brightness, saturation, contrast, gamma, clarity, exposure, shadows, highlights, blacks, whites, temperature, sharpness. The Basic / Refinements grouping is preserved, and a group disappears when none of its controls are listed. Omit controls for the full set.

Try it

Open the Adjust tool — only Brightness, Contrast, and Saturation appear:

Loading...
Loading image...

Next steps

Verified by tests/guides/configure-adjustments.spec.tsx in the @editx/image-editor package.