Puce MUI : Comment désactiver les débordements/ellipses ?

Question

Lors de l'utilisation de MUI dans React, je souhaite définir une largeur flexible pour le composant Chip en fonction de la longueur de l'étiquette. Par exemple, s’il s’agit d’une étiquette longue, Chip doit avoir une largeur plus large. Si l'étiquette est courte, la puce peut également avoir une largeur plus petite. En bref, l’intégralité de l’étiquette doit être entièrement visible dans la puce et il ne doit y avoir aucune ellipse.

Answer 1

Voici ce que j'ai fait :

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