Компоновка сборника рассказов в центр страницы - PullRequest
Новая
       23

Компоновка сборника рассказов в центр страницы

0 голосов
/ 07 июня 2019

Я внедряю сборники рассказов в наши компоненты реакции. Когда я начинаю добавлять примеры:

enter image description here

Сами компоненты добавляются в верхний левый угол. В этом примере: http://react.carbondesignsystem.com/?selectedKind=ComposedModal&selectedStory=Using%20Header%20%2F%20Footer%20Props&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Fstories%2Fstories-panel

Мы можем сказать, что сами компоненты отображаются в середине страницы.

Как мне это сделать?

1 Ответ

1 голос
/ 09 июля 2019

Вы можете использовать аддон Storybook под названием "@ storybook / addon-centtered". Это можно найти здесь: https://www.npmjs.com/package/@storybook/addon-centered

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

.add('Your sample story', () => ({
      template: `<sample-component class="sample-component-class"><sample-component>`,
      styles: ['.sample-component-class {display: flex; justify-content: center}'],
      props: {
         sampleProps
      },
    }))

Надеюсь, это поможет.

...