web-dev-qa-db-fra.com

Largeur du dialogue matériau-ui suivant

Je ne suis pas en mesure d'augmenter la largeur du dialogue dans le matériau-ui ensuite. il ajoute une barre de défilement horizontale à Dailog. Y a-t-il un moyen d'augmenter la largeur de Dailog dans le matériau-ui ensuite? Peut-on aider?

6
Siddu h

Enfin, le code suivant fonctionne pour moi.

fullWidth={true}
maxWidth = {'md'}
19
Siddu h

Selon la documentation de Material-UI v1 pour Dialog , le prop maxWidth est probablement ce dont vous avez besoin. L'implémentation du composant Dialog prend une liste énumérée de maxWidth valeurs ['xs', 'sm', 'md', false]. La propriété fullWidth est également disponible pour tirer parti d'un écran complet ... probablement plus utile sur des écrans plus petits.

Vous pouvez également obtenir de la fantaisie et remplacer les styles en utilisant soit les styles en ligne avec style, le mot clé JavaScript className pour ajuster la class dans le DOM, le prop classes pour ajuster les classes insérées par MUI, ou vous pouvez même ajuster les valeurs de largeur dans le thème. en utilisant le concept overrides. Tout cela est présenté dans la documentation avec quelques exemples simples. Cela peut prendre quelques tentatives pour cibler votre CSS personnalisé et le faire fonctionner comme vous le souhaitez.

2
Mike Mathew