https://github.com/mrfoxpro/solid-tweakpane

Solid components for Tweakpane
https://github.com/mrfoxpro/solid-tweakpane

gui solid tweakpane

Last synced: about 2 months ago
JSON representation

Solid components for Tweakpane

• Host: GitHub
• URL: https://github.com/mrfoxpro/solid-tweakpane
• Owner: MrFoxPro
• License: mit
• Created: 2022-10-06T13:18:57.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-12T15:31:01.000Z (about 2 years ago)
• Last Synced: 2024-10-13T17:09:59.257Z (3 months ago)
• Topics: gui, solid, tweakpane
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/solid-tweakpane
• Size: 66.4 KB
• Stars: 12
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
`pnpm i -S solid-tweakpane solid-js`

## Without binding

`initialValue` prop required in this case.

```tsx

       console.log(e.value)}

      />

    {

         // ...

      }}

   />

```

## 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',

      },

   },

})

   

       console.log('changed value test', e.value)}

      />

      

      

      

         

            

               

            

         

         

            

               

            

         

      

      

   

```

![alt](https://i.imgur.com/kK7IPX8.png)

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

```jsx

   

```

![alt](https://i.imgur.com/9mlRCMu.png)