Allow custom transition props in MUI transitions components
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Summary 💡
Hey folks,
How can I add custom transition styles to existing implementation of MUI Transition components (Fade, Collapse etc)
After reading the docs around the same, I inferred that the MUI Transition components are built upon react-transition-group which provide a flexibility to add styles depending upon the transition state (entering,exiting), but these are not exposed by MUI?
How can I achieve the same by adding some sort of prop in MUI Transition components?
Examples 🌈
I got a stackoverflow thread around the same but with mui v5 it complains about the ref about being null - https://stackoverflow.com/questions/49323091/create-custom-transition-in-material-ui-next
Motivation 🔦
Adding custom transition style provides a flexibility by overriding the existing style of Fade component.
(Suppose, I want to add a tansform: translate3d(x,y,z)) styles to my Fade component.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the existing Fade and Collapse APIs and compare their documented behavior with react-transition-group's transition states. A complete change would need a defined way to provide custom transition styles, address the reported ref behavior, and document the supported usage.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 32/100