View all @mui-treasury/styles analysis

How to use the @mui-treasury/styles.useGradientBtnStyles function in @mui-treasury/styles

To help you get started, we’ve selected a few @mui-treasury/styles examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

siriwatknp / mui-treasury / website / src / docs / components / button / gradient / GradientBtn.js View on Github

const GradientBtn = () =&gt; {
  const styles = useGradientBtnStyles();
  const chubbyStyles = useGradientBtnStyles({ chubby: true });
  const gutterStyles = usePushingGutter({ cssProp: 'marginBottom', space: 2 });
  return (
    <div>
      <div>
        <button>Default</button>
      </div>
      <div>
        <button>Chubby</button>
      </div>
    </div>
  );
};

siriwatknp / mui-treasury / website / src / docs / components / button / gradient / GradientBtn.js View on Github

const GradientBtn = () =&gt; {
  const styles = useGradientBtnStyles();
  const chubbyStyles = useGradientBtnStyles({ chubby: true });
  const gutterStyles = usePushingGutter({ cssProp: 'marginBottom', space: 2 });
  return (
    <div>
      <div>
        <button>Default</button>
      </div>
      <div>
        <button>Chubby</button>
      </div>
    </div>
  );
};