Next.js Discord

Discord Forum

Smooth appearance of the component

Unanswered
Mandarin fish posted this in #help-forum
Open in Discord
Mandarin fishOP
How to make the component appear and disappear smoothly when the button is pressed (using animations and so on does not help)

17 Replies

the server don't know any states. So your "animation" component, needs to be a clientcomponent. So create a clientcomponent, that will be fadein and fadeout even if it will be rendered directly. After you done that, you can pass your servercomponent (or other clientcomponent) as children props so this animation component. I recommend you using framer motion, because I know, that framer motion are able to archive this behavoir
@Mandarin fish Well, I found the onclose parameter, but I don't know what it does.
the onclose parameter? What do you mean? Could you clarify it a bit please?
@B33fb0n3 the onclose parameter? What do you mean? Could you clarify it a bit please?
Mandarin fishOP
I'm dumb it's a custom parameter, forget it, I'm sitting here trying to do it myself without libraries
I'm trying to make a modal like this without the libraries
Mini Lop
Bro try to install package
@Mandarin fish
@Mini Lop <@1055859935000416367>
Mandarin fishOP
ok😘
@Mini Lop Bro try to install package
Mandarin fishOP
SOOO HELPFUL
🙏
dont offtop
please
Mini Lop
Okat
Okay
Im sorry
Mini Lop
bump