New
I18n with StorybookAutomate with Chromatic
Star74,214
View full catalog
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon Add to the catalog
@storybook/addon-ondevice-knobs
Display storybook story knobs on your deviced.
npm install @storybook/addon-ondevice-knobs
Last updated 3 months ago
80.1k
Downloads per week
Made by Storybook
Readme View on GitHub

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

Installation

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

Configuration

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.

Join the community
5,790 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI