New
Styling Addon: configure styles and themes in StorybookAutomate with Chromatic
Storybook Day 2023
Star77,670
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
@storybook/native-addon
This module contains an addon that can be used to interact with the appetize.io emulator. Currently, it lets you rotate the emulator left or right, take screenshots, and change the device that is being emulated.
npm install @storybook/native-addon
Last updated 3 months ago
311
Downloads per week
Readme View on GitHub

@storybook/native-addon

This module contains an addon that can be used to interact with the appetize.io emulator.
Currently, it lets you rotate the emulator left or right, take screenshots, and change the device that is being emulated.

Installation

npm install @storybook/native-addon or yarn add @storybook/native-addon

Usage

Add "@storybook/native-addon/dist/register.js" to the addons section of your main.js file.

Add the following to your preview.js file:

import { DeviceDecorator } from "@storybook/native-addon";

export const decorators = [DeviceDecorator];

An example main.js can be found here.
An example preview.js can be found here.

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

Maintained by
Chromatic
Special thanks to Netlify and CircleCI