Как правильно оформить область холста - сборник рассказов

Question

В сборнике рассказов все истории сидят вплотную к верхнему левому углу контейнера.

Это вызывает проблемы при отображении элементов, которые визуально выглядят вне относительного контейнера, например, в виде рамки.

Так что я мне интересно, как лучше добавить маржу в окружающий контейнер. Я заглянул в тематические документы сборника рассказов, но не смог найти ничего связанного?

Answer 1

В .storybook / preview. js вы можете просто добавить следующее:

addDecorator(storyFn => (
  <>
    <div style={{ margin: '1rem' }}>{storyFn()}</div>
  </>
))

Таким образом, все истории будут отображаться с полем 1rem.