MUI Chip：如何停用溢位/省略號？

Question

在React中使用MUI時，我希望根據標籤的長度為Chip元件設定靈活的寬度。例如，如果是一個長標籤，Chip應該有更寬的寬度。如果標籤很短，Chip也可以有較小的寬度。總之，整個標籤應該在Chip內完全可見，不應有省略號。

Answer 1

這是我已經完成的內容：

<Chip
  sx={{
    padding: '0 8px',
    '& .MuiChip-label': {
      overflow: 'visible',
    },
  }}
  ...
/>