The layout
parameter allows you to configure how stories are positioned in Storybook's Canvas tab.
You can add the parameter to your ./storybook/preview.js
, like so:
In the example above, Storybook will center all stories in the UI. layout
accepts these options:
centered
: center the component horizontally and vertically in the Canvas
fullscreen
: allow the component to expand to the full width and height of the Canvas
padded
: (default) Add extra padding around the component
You can also set it at a component level like so:
Or even apply it to specific stories like so: