Puce MUI : Comment désactiver les débordements/ellipses ?
P粉864594965
P粉864594965 2023-07-27 18:00:52
0
1
723
<p>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. </p>
P粉864594965
P粉864594965

répondre à tous(1)
P粉046387133

Voici ce que j'ai fait :

<Chip
  sx={{
    padding: '0 8px',
    '& .MuiChip-label': {
      overflow: 'visible',
    },
  }}
  ...
/>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal