1

私の React Storybook では、ノブを使用しており、ダミー データ用のノブを追加したいと考えています。これが私のストーリーブックコンポーネントの例です:

import React from 'react';
import { boolean } from '@storybook/addon-knobs/react';
import { MySteps } from '../../src/components/index';

const steps = [
  {
    completed: true,
    title: 'xxxxxxx',
  },
  {
    completed: false,
    title: 'x',
  },
];

export default () => (
  <div>
    <MySteps
       steps={steps}
    />
  </div>
);

次のようにノブを追加したい：

export default () => (
  <GettingStartedSteps
    step_1_completed={boolean('Step 1 Completed', true)}
    step_2_completed={boolean('Step 2 Completed', false)}
    steps={steps}
  />
);

この動的なダミー データは、Storybook + ノブで可能ですか?

4

0 に答える 0