सामग्री-ui संवाद शो की एनीमेशन बदलें

Question

क्या सीएसएस का उपयोग कर प्रतिक्रिया के लिए सामग्री-ui में संवाद की शो एनीमेशन बदलना संभव है? मैं सीएसएस में उन्नत नहीं हूं लेकिन मुझे पता है कि ट्रैनस्टियन और ट्रांसफॉर्म जैसी कुछ मौजूद है।

Answer 1

संवाद घटक एक संक्रमण प्रोप का खुलासा करता है जिसका उपयोग डिफ़ॉल्ट को ओवरराइड करने के लिए किया जा सकता है।

import Slide from 'material-ui/transitions/Slide'; 

तब:

:

<Dialog open={this.state.open} transition={Slide} onRequestClose={this.handleRequestClose}> 

यहाँ संक्रमण घटकों वे प्रदान कर रहे हैं वहाँ Dialog demo (लेबल चेतावनी संवाद में स्लाइड) में एक उदाहरण उनके प्रदान की स्लाइड संक्रमण का उपयोग करता है

• Collapse
• Fade
• Grow
• Slide

इनमें से कोई भी अपने उद्देश्य को पूरा करते हैं, तो आप उन्हें अपने खुद के संक्रमण घटक बनाने के लिए एक प्रारंभिक बिंदु के रूप में उपयोग कर सकते हैं।