FM / controls

/home/techb158/balacoffee.com/wp-content/themes/Divi/common/stories/controls/

/home/techb158/balacoffee.com/wp-content/themes/Divi/common/stories/controls

Name	Size	Mode	Actions
input/	-	0755	rm
ripple/	-	0755	rm
button-group.stories.js	1658	0644	edit dl rm
button.stories.js	1224	0644	edit dl rm
categories.stories.js	1546	0644	edit dl rm
codemirror.stories.js	1585	0644	edit dl rm
color.stories.js	1707	0644	edit dl rm
range.stories.js	1259	0644	edit dl rm
select-advanced.stories.js	3814	0644	edit dl rm
select-menu.stories.js	3079	0644	edit dl rm
tags.stories.js	1842	0644	edit dl rm
toggle.stories.js	872	0644	edit dl rm

Edit: /home/techb158/balacoffee.com/wp-content/themes/Divi/common/stories/controls/button.stories.js (1224B)

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,
  },
};

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, }, };