solid-tweakpane

pnpm i -S solid-tweakpane solid-js

Without binding

initialValue prop required in this case.
``tsx

params={{
step: 0.1,
max: 5,
min: 1,
}}
initialValue={1}
onChange={(e) => console.log(e.value)}
/>
title="Flush drawings"
onClick={() => {
// ...
}}
/>

`

With binding

Currently it can be used with mutable.
You need to place all elements into and provide target.
Example:

`tsx
const settings = createMutable({
bool: false,
current: 0.01,
folder1: {
bool: true,
folder11: {
number: 2,
color: '#f05',
},
},
})


params={{
label: 'test',
}}
key="bool"
onChange={(e) => console.log('changed value test', e.value)}
/>














key="current"
params={{
view: 'graph',
min: -1,
max: +1,
}}
/>


`
!alt

It's possible to automatically build Pane from mutable with :

`jsx



``
!alt