JSPM

@storybook/addon-ondevice-knobs

4.0.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 20131
  • Score
    100M100P100Q158607F
  • License MIT

Display storybook story knobs on your deviced.

Package Exports

  • @storybook/addon-ondevice-knobs
  • @storybook/addon-ondevice-knobs/register

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@storybook/addon-ondevice-knobs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Storybook Addon On Device Knobs

Storybook Addon On Device Knobs allow you to edit React props dynamically using the Storybook UI. You can also use Knobs as a dynamic variable inside stories in Storybook.

Framework Support

This is how Knobs look like:

Storybook Knobs Demo

This addon is a wrapper for addon @storybook/addon-knobs. Refer to its documentation to understand how to use knobs

Getting Started

First of all, you need to install knobs into your project.

npm install @storybook/addon-ondevice-knobs 

Then create a file called rn-addons.js in your storybook config.

import '@storybook/addon-ondevice-knobs/register';

Then import rn-addons.js next to your getStorybookUI call.

import './rn-addons';

Now, write your stories with knobs.

Refer to @storybook/addon-knobs to learn how to write stories.