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

github siriwatknp / mui-treasury / website / src / docs / components / shadow / lightTop / LightTopShadow.js View on Github external
const LightTopShadow = () => {
  const styles = useLightTopShadowStyles({
    // inactive: true, // add this line to disable hover effect
  });
  return ;
};
github siriwatknp / mui-treasury / website / src / docs / components / card / news2 / NewsCard2.js View on Github external
const NewsCard2 = () => {
  const styles = useStyles();
  const mediaStyles = useCoverCardMediaStyles();
  const shadowStyles = useLightTopShadowStyles();
  return (
    
      
      
        
          
            <h1>Space</h1>
            <p>The space between the stars and galaxies is largely empty.</p>
github siriwatknp / mui-treasury / website / src / docs / components / card / project / ProjectCard.js View on Github external
const ProjectCard = () =&gt; {
  const styles = useTextCardContent03Styles();
  const shadowStyles = useLightTopShadowStyles();
  const cardStyles = useStyles();
  return (
    
      
      
        
      
    
  );