-
-
Notifications
You must be signed in to change notification settings - Fork 9.1k
/
basic.output.js
41 lines (30 loc) · 860 Bytes
/
basic.output.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/* eslint-disable */
import React from 'react';
import Button from './Button';
import { configure } from '@storybook/react';
import { action } from '@storybook/addon-actions';
export default {
title: 'Button',
};
export const story1 = () => <Button label="Story 1" />;
story1.story = {
name: 'story1',
};
export const secondStory = () => <Button label="Story 2" onClick={action('click')} />;
secondStory.story = {
name: 'second story',
};
export const complexStory = () => (
<div>
<Button label="The Button" onClick={action('onClick')} />
<br />
</div>
);
complexStory.story = {
name: 'complex story',
};
export const wPunctuation = () => <Button label="Story 2" onClick={action('click')} />;
wPunctuation.story = {
name: 'w/punctuation',
};
export const startCase = () => <Button label="Story 2" onClick={action('click')} />;