fluentui
fluentui copied to clipboard
fluentui-react Allow us to disable animations on the nav
Describe the feature that you would like added
We simply don't want the navbar to slide in. We would just like it to there, no animation Some option to disable animation via props or via the styles would be nice..
What component or utility would this be added to
Have you discussed this feature with our team, and if so, who
no
I’ve added this to our backlog for review but it’s low on our priority list as we’re likely not going to get to it immediately due to the fact we’re currently focused on larger coherence work items and enhancements to our performance.
@Pixelatex I found that adding the following groupContent style to Nav
component solved the issue for me:
<Nav groups={groups} styles={{ groupContent: { animation: 'none' } }} />
<Nav groups={groups} styles={{ groupContent: { animation: 'none' } }} />
@philpoore this has no effect when using SSR (probably a SSR issue).
@AkiraVoid Have you tried the renderStatic
method specified in the docs to get it working in SSR? We also have some documentation on SSR in the Wiki: https://github.com/microsoft/fluentui/wiki/Server-side-rendering-and-browserless-testing
@tudorpopams I guess I have, I always follow the guides or docs when I am building something. But it's a long time, and I'm now currently using v9, so I'm not sure.
By the way, I use next.js as SSR solution. To get it work, I should firstly do what is mentioned on the top of docs you referenced.