Skip to content

brunoimbrizi/tweakpane-plugin-chromatic

Repository files navigation

Tweakpane plugin chromatic

Color palette viewer for Tweakpane.

tweakpane-plugin-chromatic

Demo

Plugin demo on StackBlitz

Installation

Browser

<script src="tweakpane.min.js"></script>
<script src="tweakpane-plugin-chromatic.min.js"></script>
<script>
  const pane = new Tweakpane.Pane();
  pane.registerPlugin(TweakpaneChromaticPlugin);
</script>

Package

import {Pane} from 'tweakpane';
import * as ChromaticPlugin from 'tweakpane-plugin-chromatic';

const pane = new Pane();
pane.registerPlugin(ChromaticPlugin);

Usage

pane.addBlade({
  view: 'chromatic',
  label: 'palette',
  colors: ['red', 'blue', 'green']
});