Center the story within the iFrame ? about storybook

[aimuzov]

@antoinerey You can use decorator.

[arunoda]

I get it. But, the component run inside a pure isolated environment where we don't inject any code. So, we shoudn't inject anystuff to change it.

That's how I view about this. Thanks for the request.

[tlrobinson]

@antoinerey You could create a simple component to center the content, something like this:

const Centered = ({ children }) =>
    <div style={{ height: "100vh", display: "flex", alignItems: "center", justifyContent: "center" }}>
        {children}
    </div>

Then just do:

storiesOf("MyComponent", module)
  .add("defaults", () => {
    return <Centered><MyComponent /></Centered>
  })

[antoinerey]

Yep. That's what I did too. That's why I proposed this idea to be included
into the final solution. :)
Le mer. 6 avr. 2016 à 19:55, Tom Robinson [email protected] a
écrit :

@antoinerey https://github.com/antoinerey You could create a simple
component to center the content, something like this:

const Centered = ({ children }) =>
<div style={{ height: "100vh", display: "flex", alignItems: "center", justifyContent: "center" }}>
{children}

Then just do:

storiesOf("MyComponent", module)
.add("defaults", () => {
return
})

—
You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#55 (comment)

[zimt28]

I like the idea, this would be great to have! It should be an optional solution though.