Added content wrapped in decorator

[aray12]

So if I want to provide some styling just to the component. The following example will center everything, including what addon-info adds

import React from 'react';
import { storiesOf, action } from '@kadira/storybook';

storiesOf('Button', module)
  .addDecorator(story => (<div style={{width: '100px', margin: 'auto'}}>{story()}</div>))
  .addWithInfo(
    'Standard
    `
    This should continue to be normal and not constrained by the decorator <div>
    `,
    () => (
      <button onClick={action('button clicked')}>Click Me</button>
    ),
    { inline: true, source: true, header: true }
  )

Thoughts?

[thani-sh]

Yeah, that messes things up pretty bad. I think we should let addon developers decide that. How about exposing 2 new methods addRaw and decorate in addition to add?

cc: @arunoda

[arunoda]

@mnmtanish basically we need some options to do this:

• apply decorators
• do not apply decorators

Is that? If so, I'm okay with a such an API.

May be an option to the .add as byPassDecorators.

[thani-sh]

With the option users can only bypass decorators. With addRaw and decorate users can apply decorators exactly where they want. And adding an options object to the add method would make the API look terrible.