Linux heracles.o2switch.net 4.18.0-553.62.1.lve.el8.x86_64 #1 SMP Mon Jul 21 17:50:35 UTC 2025 x86_64

/home/ophq1335/www/wp-content/themes/Divi/common/stories/controls/

/home/ophq1335/www/wp-content/themes/Divi/common/stories/controls/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,
  },
};