Solid components for Tweakpane library
pnpm i -S solid-tweakpane solid-js
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,
}}
/>
`
!altIt's possible to automatically build Pane from mutable with
:`jsx
``