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 / grid / gutterBordered / GutterBorderedGrid.js View on Github

const GutterBorderedGrid = () =&gt; {
  const colWidth = { xs: 4 };
  const borderColor = 'grey.500';
  const styles = useGutterBorderedGridStyles({ borderColor, height: '80%' });
  return (
    
      
        {Array(3)
          .fill(0)
          .map((number, i) =&gt; (
            // eslint-disable-next-line react/no-array-index-key
            
              
                <h2 style="{{">Content</h2>
              
            
          ))}
      
    
  );

siriwatknp / mui-treasury / src / docs / components / card / profile / ProfileCard.js View on Github

const ProfileCard = () =&gt; {
  const styles = useStyles();
  const shadowStyles = useFadedShadowStyles();
  const borderedGridStyles = useGutterBorderedGridStyles({
    borderColor: 'rgba(0, 0, 0, 0.08)',
    height: '50%',
  });
  return (
    
      
        
        <h3>Alan Podemski</h3>
        <span>Poland</span>
      
      
      
        
          <p>Followers</p>
          <p>6941</p>

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