Refresh Pane

Hello everybody!

I am using your cool library and trying to update values in the GUI. Tweakpane has the function pane.refresh() (Tweakpane API). Is there a way to trigger this in use-tweaks?

Thanks a lot! Max

[dbismut]

Hi Max, leva has indeed this feature built-in, where you can set imperatively the values of the panel.

Here’s an advanced example of how you can use leva with multiple bi-directional stores, using the usePanel api that generates a store per hook. https://codesandbox.io/s/leva-ui-45bkg

In your case you would be able to use the generic useControls hook with the function signature, like so:

// standard api
const values = useControls({ camera: [0,0,1] })

// function api
const [values, store, set] = useControls(() => ({ camera: [0,0,1] })
const onCameraMove = (newPosition) => set({ camera: newPosition })

[gsimone]

And leave feedback if you do use it 🙉