Existe-t-il un composant similaire à ext.window dans react?
J'ai vérifié bootstrap / material ui et la chose la plus proche d'une fenêtre est modale, mais j'aimerais trouver quelque chose de redimensionnable et déplaçable.
3 Réponses :
J'utilise Material-Ui depuis un moment. Il existe un modal et une boîte de dialogue standard (comme un modal mais avec un modèle par défaut pour une personnalisation plus facile)
Le mode modal (dialogue) n'est-il pas suffisant pour le travail que vous souhaitez?
J'aimerais utiliser quelque chose que vous pouvez redimensionner et faire glisser, mais si je ne trouve rien de tel, je m'en tiendrai aux modaux.
Ce dont vous avez besoin est un modal déplaçable avec l'implémentation React :
Modal déplaçable Bootstrap
https://gist.github.com/burgalon/870a68de68c5ed15c416fab63589d503
Modal déplaçable de l'interface utilisateur des matériaux
Vous pouvez essayer des composants spécifiques qui font cela, comme react-rnd .
Voir la démo, vous pouvez à la fois redimensionner et faire glisser le composant créé.
Ici, vous avez un exemple en direct dans codesandbox .
ext.window est un modal déplaçable , tel qu'il est rendu dans la balise body. Il est considéré comme externe car il est rendu à la racine du DOM.
J'ai édité mon message, c'est exactement la fonctionnalité que je souhaite obtenir que les modaux ne fournissent pas.
vous devriez pouvoir y parvenir avec
react-draggable: github.com/mzabriskie / react-draggable