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 / shadow / softRise / SoftRiseShadow.js View on Github

const SoftRiseShadow = () =&gt; {
  const styles = useSoftRiseShadowStyles({
    // inactive: true, // add this line to disable hover effect
  });
  return ;
};

siriwatknp / mui-treasury / src / docs / components / card / post / PostCard.js View on Github

const PostCard = () =&gt; {
  const cardStyles = useStyles();
  const mediaStyles = useSlopeCardMediaStyles();
  const shadowStyles = useSoftRiseShadowStyles();
  const textCardContentStyles = useTextCardContent01Styles();
  return (

siriwatknp / mui-treasury / website / src / docs / components / card / elevatedHeader / ElevatedHeaderCard.js View on Github

const ElevatedHeaderCard = () =&gt; {
  const classes = useStyles();
  const cardHeaderStyles = useContainedCardHeaderStyles();
  const cardShadowStyles = useSoftRiseShadowStyles({ inactive: true });
  const cardHeaderShadowStyles = useFadedShadowStyles();
  return (
    
      
      
        
            
              Dessert
              Fat (g)
              Price ($)<table>
          </table>

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