Feature Request: Reactive constants inside control panel derived from inputs

I think it would be nice to display a reactive value derived from the values in the control panel itself. It can leverage the get hook used in the render option already.

Of course I can take the values and display the computed value in a div somewhere, but it would be nice to contain the computed value to the control panel since the values are related.

Technically it’s not an input, more like an embellishment to the control panel.

Example:

const { width, height, depth, volume } = useControls({
  width: {
    value: 1,
    min: 1,
    max: 10,
    step: 1,
  },
  height: {
    value: 1,
    min: 1,
    max: 6,
    step: 1,
  },
  depth: {
    value: 1,
    min: 1,
    max: 10,
    step: 1,
  },
  volume: {
    derivedValue: (get) => get('width') * get('height') * get('depth'),
  },
});

[Amar-Gill]

Hey if you think it’s a valuable feature I will give it a shot @gsimone – I can find time beginning in September.

Wanted to see if others will find it useful before jumping in.

[gsimone]

Do you want to attempt a contribution for this?