MUI Box是否支持顺时针语法的padding简写属性？

MUI Box确实支持顺时针顺序的padding简写，但你写的<Box padding = {2 1 1 2}/>会报错，因为大括号里是JavaScript表达式，直接写多个数字不加分隔符属于语法错误。

正确的写法有两种：

• 用字符串形式传递，把顺时针的padding值用引号包裹：

  <Box padding="2 1 1 2">你的内容</Box>
  

• 用数组形式传递，数组元素顺序对应「上、右、下、左」的顺时针顺序：

  <Box padding={[2, 1, 1, 2]}>你的内容</Box>
  

这两种写法都会被MUI正确解析，对应spacing系统中设置的间距倍数，实现你想要的顺时针padding效果。

内容的提问来源于stack exchange，提问作者mattsmith5