Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

nested stories don't work in vscode #27

Closed
hmontes opened this issue Jan 17, 2018 · 1 comment
Closed

nested stories don't work in vscode #27

hmontes opened this issue Jan 17, 2018 · 1 comment

Comments

@hmontes
Copy link

hmontes commented Jan 17, 2018

Hi

According to the documentation: https://storybook.js.org/basics/writing-stories/#nesting-stories

We can do nesting with the stories. So, i made this example.

import React from 'react';
import { View, Text } from 'react-native';

import { storiesOf } from '@storybook/react-native';
import { action } from '@storybook/addon-actions';
import { linkTo } from '@storybook/addon-links';

import { Background, Input } from './';

storiesOf('CC/DD/Inputs', module)
  .addDecorator(story => (
    <Background style={styles.center}>
      <View style={{ alignSelf: 'stretch' }}>{story()}</View>
    </Background>
  ))
  .add('Email', () => <Input />)
  .add('Password', () => <Input pass />);

storiesOf('CC/DD/Backgrounds', module).add('Gradiente Azul', () => (
  <Background />
));

In the web browser:

captura de pantalla 2018-01-17 a la s 13 42 18

But in VSCODE.

captura de pantalla 2018-01-17 a la s 13 43 20

The nesting don't work.

Thank you

@orta
Copy link
Owner

orta commented Jan 18, 2018

Nope, you're welcome to add it though 👍 - dupe of #13

@orta orta closed this as completed Jan 18, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants