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 / src / docs / components / carousel / parallax / ParallaxCarousel.js View on Github

const ParallaxCarousel = () =&gt; {
  const classes = useStyles();
  const arrowStyles = useSimpleArrowStyles();
  const createStyle = (slideIndex, fineIndex) =&gt; {
    const diff = slideIndex - fineIndex;
    if (Math.abs(diff) &gt; 1) return {};
    return {
      transform: `rotateY(${(-diff + 1) * 45}deg)`,
    };
  };
  // eslint-disable-next-line react/prop-types
  const renderElements = ({ index, onChangeIndex }) =&gt; (
    &lt;&gt;
      <button disabled="{index"> onChangeIndex(index - 1)}
      &gt;</button>

siriwatknp / mui-treasury / src / docs / components / arrow / simple / SimpleArrow.js View on Github

const SimpleArrow = () =&gt; {
  const classes = useSimpleArrowStyles();
  const gutterStyles = usePushingGutter({ firstExcluded: true, space: 2 });
  return (
    
      <button>
        
      </button>
      <button>
        
      </button>
    
  );
};

How to use the @mui-treasury/styles/arrow.useSimpleArrowStyles 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.

@mui-treasury/styles

Package Health Score

Popular @mui-treasury/styles functions

Similar packages