Create React typescript components library - Storybook - stories file examples

crcl-stories.js

import React from 'react';
import { action } from '@storybook/addon-actions';
import Button from '../src/components/Button';

export default {
    title: 'Button',
};

export const text = () => <Button text="Hello Button" onClick={action('clicked')} />;

export const disableOption = () => (
    <Button onClick={action('clicked')} disable>
        Hello Button
    </Button>
);

export const emoji = () => (
    <Button onClick={action('clicked')}>
        <span role="img" aria-label="so cool">
            😀 😎 👍 💯
        </span>
    </Button>
);