Display storybook story knobs on your deviced.

Usage no npm install needed!

<script type="module">
  import storybookAddonOndeviceKnobs from 'https://cdn.skypack.dev/@storybook/addon-ondevice-knobs';


Storybook Knobs Addon for react-native

Storybook Knobs Addon allows you to edit react props using the Storybook UI using variables inside stories in Storybook.

Framework Support

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


yarn add -D @storybook/addon-ondevice-knobs @storybook/addon-knobs


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

Add following content to it:

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

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

import './rn-addons';

See @storybook/addon-knobs to learn how to write stories with knobs and the crna-kitchen-sink app for more examples.