@storybook/addon-ondevice-controls
TypeScript icon, indicating that this package has built-in type declarations

7.6.20 • Public • Published

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 @react-native-community/datetimepicker @react-native-community/slider

Configuration

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

import { StorybookConfig } from '@storybook/react-native';

const main: StorybookConfig = {
  addons: ['@storybook/addon-ondevice-controls'],
};

export default main;

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.

Package Sidebar

Install

npm i @storybook/addon-ondevice-controls

Weekly Downloads

90,906

Version

7.6.20

License

MIT

Unpacked Size

191 kB

Total Files

57

Last publish

Collaborators

  • domyen
  • kasperpeulen
  • valentinpalkovic
  • jreinhold
  • kylegach
  • ndelangen
  • shilman
  • tmeasday
  • ghengeveld
  • winkervsbecks
  • yannbf
  • dannyhw
  • gongreg