File Editor
Directories:
.. (Back)
input
ripple
Files:
button-group.stories.js
button.stories.js
categories.stories.js
codemirror.stories.js
color.stories.js
range.stories.js
select-advanced.stories.js
select-menu.stories.js
tags.stories.js
toggle.stories.js
Create New File
Create
Edit File: button.stories.js
import Button from '../../controls/button/button'; export default { title: 'Controls/Button', component: Button, argTypes: { onClick: { action: 'clicked' } }, }; export const Primary = { args: { children: 'Primary Button', ripple: true, className: 'et-common-button--primary', tip: '', }, }; export const Secondary = { args: { ...Primary.args, children: 'Secondary Button', className: 'et-common-button--secondary', }, }; export const Tertiary = { args: { ...Primary.args, children: 'Tertiary Button', className: 'et-common-button--tertiary', }, }; // Compact Button export const Compact = { args: { ...Primary.args, children: 'Compact Button', className: 'et-common-button--primary et-common-button--compact', }, }; // Meta Button export const Meta = { args: { ...Primary.args, children: 'Meta Button', className: 'et-common-button--meta', }, }; // Button with Tip export const WithTip = { args: { ...Primary.args, children: 'Button With Tip', tip: 'Tooltip Text', }, }; // Button without Ripple export const NoRipple = { args: { ...Primary.args, children: 'No Ripple', ripple: false, }, };
Save Changes
Rename File
Rename