round border mui react

Mohd Ziya answered on November 11, 2022 Popularity 9/10 Helpfulness 5/10

answer round border mui react

round border mui react

Comment

import * as React from 'react';
import Box from '@mui/material/Box';

const commonStyles = {
  bgcolor: 'background.paper',
  m: 1,
  borderColor: 'text.primary',
  width: '5rem',
  height: '5rem',
};

export default function BorderAdditive() {
  return (
    <Box sx={{ display: 'flex', justifyContent: 'center' }}>
      <Box sx={{ ...commonStyles, border: 1 }} />
      <Box sx={{ ...commonStyles, borderTop: 1 }} />
      <Box sx={{ ...commonStyles, borderRight: 1 }} />
      <Box sx={{ ...commonStyles, borderBottom: 1 }} />
      <Box sx={{ ...commonStyles, borderLeft: 1 }} />
    </Box>
  );
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: border javascript mui

Link to this answer
Share Copy Link

Contributed on Nov 11 2022

Mohd Ziya

0 Answers Avg Quality 2/10

round border mui react

Contents

More Related Answers

round border mui react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.