Cip MUI: Bagaimana untuk melumpuhkan limpahan/elips?

Question

Apabila menggunakan MUI dalam React, saya ingin menetapkan lebar fleksibel untuk komponen Cip berdasarkan panjang label. Sebagai contoh, jika ia adalah label yang panjang, Chip harus mempunyai lebar yang lebih luas. Jika label pendek, Cip juga boleh mempunyai lebar yang lebih kecil. Ringkasnya, keseluruhan label harus kelihatan sepenuhnya dalam Cip, dan tidak sepatutnya terdapat elips.

Answer 1

Ini yang saya telah lakukan:

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