mui 框架是否提供中/小型芯片尺寸灵活性？

Question

MUI 框架是否提供中/小型芯片尺寸灵活性？ 例如，企业可能会请求提供 xs 芯片选项。 我当时认为芯片“sx”属性可能会为此提供一个钩子，但是当我尝试在我的应用程序中使用“sx”属性时，如下所示：

<Chip
    sx={{height:10}}
/>

然后智能感知会显示错误“没有与此调用匹配的重载”。 几周前，我在codesandbox.io 中使用 sx prop 配置图标的高度，但找不到 url。

我在上面使用 sx 属性设置芯片高度是否有效？ 我需要确保 mui 是否有特定的最低版本依赖关系才能正常编译/运行？

Answer 1

我发现的唯一方法是：

// Very small `Chip`:
<Chip
  sx={{'height': 16, '& .MuiChip-label': {fontSize: '0.8em'},}}
  label="..."
/>