В моей книге рассказов React я использую ручки и хочу добавить ручку для фиктивных данных. Вот мой пример компонента сборника рассказов:
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 +?