Skip to content

Latest commit

 

History

History
 
 

ondevice-controls

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src
src
 
 
README.md
README.md
 
 
package.json
package.json
 
 
register.js
register.js
 
 
tsconfig.json
tsconfig.json
 
 

README.md

Storybook Controls Addon for React Native

Storybook Controls Addon for React Native allows editing a component's arguments dynamically via a graphical UI without needing to code. The Controls Addon replaces the old Knobs Addon.

Installation

Controls has some extra dependencies needed to display the form inputs.

yarn add -D @storybook/addon-ondevice-controls@next @storybook/addons @storybook/[email protected] @react-native-community/datetimepicker @react-native-community/slider

Configuration

Then, add following content to .storybook/main.js:

module.exports = {
  addons: ['@storybook/addon-ondevice-controls'],
};

See the examples of using the Controls Addon with Component Story Format. You can also run the react-native app to see it in action.

The web Controls Addon documentation may also be useful, but the examples there have not been tested with Storybook for React Native.

Migrating from Knobs

See examples for migrating from Knobs to Controls in the web Controls Addon README.