How to use the @kadira/storybook.action function in @kadira/storybook

To help you get started, we’ve selected a few @kadira/storybook examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ffxsam / formous / stories / index.js View on Github external
render() {
        const { formSubmit, fields } = this.props;

        return <div>
          <form>
            <div>
              Name: <input value="{fields.name.value}" type="text">
              
            </div>

            <div>
              Age: <input value="{fields.age.value}" type="text">
              </div></form></div>
github Talend / ui / stories / Badge.js View on Github external
.addWithInfo('default', () =&gt; (
		<section>
			
			<div id="default">
				
				
				
				
				
			</div>
			<div id="overflow" style="{style}">
				
				
			</div>
		</section>
	));
github kadira-samples / react-storybook-demo / components / stories / footer.js View on Github external
.add('show active', () =&gt; (
    <div>
      <footer filter="{SHOW_ACTIVE}">
    </footer></div>
  ));
github willdady / react-elements / src / stories / Pagination.js View on Github external
.add('with next and previous', () =&gt; (
    
  ))
  .add('with next and previous, first selected', () =&gt; (
github nulogy / Storybook-Driven-Development / src / App / Intervals / Form / v3 / Form.story.jsx View on Github external
export default function FormStory() {
  const props = {
    intervalName: '',
    startMilestone: '',
    endMilestone: '',
    measurementType: '',
    handleChange: action('handleChange'),
  };

  storiesOf('Interval Form - v3 - Toggle', module)
    .add('default', () =&gt; (
      <form>
    ))
    .add('Interval selected', () =&gt; (
      
    ))
    .add('Milestone selected', () =&gt; (
      
    ))
    .add('interactive with Form Controller', () =&gt; (
      
        
      </form>
github Talend / ui / stories / List.js View on Github external
{
								label: 'From Remote',
								onClick: action('From Remote click'),
							},
						],
						emptyDropdownLabel: 'No option',
					},
				],
			},
		},
		display: {
			onChange: action('display.onChange'),
		},
		sort: {
			field: 'name',
			onChange: action('sort.onChange'),
			options: [
				{ id: 'id', name: 'Id' },
				{ id: 'name', name: 'Name' },
			],
		},
		pagination: {
			itemsPerPage: 5,
			totalResults: 10,
			onChange: action('pagination.onChange'),
		},
		filter: {
			onFilter: action('filter.onFilter'),
			debounceTimeout: 300,
		},
	},
};