react-focus-on
Version:
The final solution for WAI ARIA compatible modal dialogs or full-screen tasks.
48 lines (47 loc) • 1.53 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Small = exports.Large = exports.Secondary = exports.Primary = void 0;
var test_1 = require("storybook/test");
var Button_1 = require("./Button");
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
var meta = {
title: 'Example/Button',
component: Button_1.Button,
parameters: {
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
layout: 'centered',
},
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
// More on argTypes: https://storybook.js.org/docs/api/argtypes
argTypes: {
backgroundColor: { control: 'color' },
},
// Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#story-args
args: { onClick: (0, test_1.fn)() },
};
exports.default = meta;
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
exports.Primary = {
args: {
primary: true,
label: 'Button',
},
};
exports.Secondary = {
args: {
label: 'Button',
},
};
exports.Large = {
args: {
size: 'large',
label: 'Button',
},
};
exports.Small = {
args: {
size: 'small',
label: 'Button',
},
};