reactjs
storybook transition not work
What is the current behavior? when I test the examples in storybook, I find there is not transition time.
What is the expected behavior? https://reactcommunity.org/react-transition-group/transition-group should like this
@xianwei-lu How did you manage to get storybook to run a component that is using TransitionGroup? Since the component imports a local CSS file, Storybook will throw an error "Module not found: Error: Can't resolve 'styles.css'". I tried every possible solution in the docs and on SO, nothing. Storybook hangs when I extend the webpack config, again nothing ..
Transition is not working when used with Storybook for React. We are using react-transition-group with 4.4.2 version and Storybook-react with 6.4. We are getting the below error on running gulp serve.
Can someone tell us how to resolve this issue. Please help..
@IronSean yes. It was fixed. @silvenon this can be closed.
@IronSean - Can you pls. share the information....? How its fixed..?
@xianwei-lu How did you manage to get storybook to run a component that is using TransitionGroup? Since the component imports a local CSS file, Storybook will throw an error "Module not found: Error: Can't resolve 'styles.css'". I tried every possible solution in the docs and on SO, nothing. Storybook hangs when I extend the webpack config, again nothing ..
@KresimirJurkovic any update on this issue ?
My bad, I thought that the comment claiming that the issue has been fixed was the author's.
I fixed it, I am looking at the sliding effect in storybook, but need to find the piece of code that did it, will get back at you asap
EDIT: There were no additional configurations for storybook, maybe the difference is in that I am importing a CSS file in my Slider component with slide in enter and exit classes, like so :
And then, I import the component in a storybook:
Sliding is working when browsing with storybook
I fixed it, I am looking at the sliding effect in storybook, but need to find the piece of code that did it, will get back at you asap EDIT: There were no additional configurations for storybook, maybe the difference is in that I am importing a CSS file in my Slider component with slide in enter and exit classes, like so :
Thanks for the immediate reply @KresimirJurkovic .
I assume you have created Slider Component by using react-transition-group. Then it was used in the storyBook component.
But in our case, we are referencing StoryBook in the Slider Component. Can you please help how we can use for this case? Any pointers would be great help.
Oh man, sorry, but at the moment, I have no idea on how to do that :-/
Can someone create a minimal repo that I can try out? So that we all agree on what the exact problem is, because I'm not sure I get it. Thanks!