sx
道具:
const boxStyle = {
my: 4,
display: "flex",
alignItems: "top",
gap: 1,
p: 2,
...
};
...
<Box sx={boxStyle}></Box>
或者,您可以为您的特定盒子创建一个单独的组件,例如:
const StyledBox = ({ children }) => (
<Box
my={4}
display="flex"
alignItems="top"
gap={1}
p={2}
>
{children}
</Box>
);
...
<Stack direction="row" spacing={2} border={1} borderColor="divider">
<StyledBox>
<TargetMetricIcon fontSize="medium" /> Target Metric
</StyledBox>
</Stack>