Storybook Addon ThemePicker
As with all Storybook addons, first register the addon in your
Then, simply wrap your component using the
themes parameter passed to
WithThemes should be an array of objects, each containing a theme
name and the
const defaultTheme =borderColor: '#333'backgroundColor: '#eee'textColor: '#333';const darkTheme =borderColor: '#777'backgroundColor: '#333'textColor: '#eee';const themeChoices =name: 'Normal'theme: defaultThemename: 'Dark Mode'theme: darkTheme;
The package exports the
ThemeDescriptor type for use with TypeScript. The above declaration of
change to look like this in a TypeScript-based project:
;// Your theme type:;// Your theme objects that implement your theme type:;;// ThemeDescriptor is parameterized by your theme type:;
The github project comes with an example project that uses
@ebay/storybook-addon-themepicker. See the example's
README for instructions on how to build and run the example project.
Feel free to submit pull requests against this project.
Running the Tests
Be sure to run
tslint on your code, and run the unit tests. To do so, simply run
yarn lint yarn test
Copyright 2018-2019 eBay Inc.
Developer/Author: Frederik Goris
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.