A small request, if you could put the view on your right side and show the changes with every line of code you write. It will be very helpful and easier to understand step by step what each line does.
hello, amazing tutorial, I have to questions, how can I show hover without clic, and how can insert. a link or redirect to the other pages created on the sidebar?
I wasn't able to get that to work. I was able to make it half work and I turned to stack overflow and GitHub for help but no luck. You're welcome to try and make it work though!
just what I was looking for. thank you very much!
Thanks for the nice video. It was very helpful.
Great content as usual!
BEST Chakra UI tutorials!
A small request, if you could put the view on your right side and show the changes with every line of code you write. It will be very helpful and easier to understand step by step what each line does.
Thank you for your easy understanding guide.
Great example! Keep it up!
you are so helpful. thanks bro
Do you have it in the case where you only use Hamburger when it is on mobile screen?
Thank you so much.
hello, amazing tutorial, I have to questions, how can I show hover without clic, and how can insert. a link or redirect to the other pages created on the sidebar?
Use the latest react-router-dom v6
How do you anchor the sidebar when navigating to different pages?
is possible show the NavHoverBox on Hover and not on click?
And please build more sidebars and dashboards with Chakra!
Yes it is. You can use framer-motion for this as @rohan suggested
how do you do it in TS? threw a bunch of errors...
How can I change the active NavItem?
if you're using next.js you can use useRouter()! const router = useRouter() if router.pathName == /your-path -> set css to active
Okay but what about the non-sidebar content? How do we style that correctly so it appears to the right of the sidebar?
you could add a margin left
thanks, very nice
How get drop down navitem, navitem children?
How to give a link to the sidebar
Awesome! Btw do you really intend to not use the shorthand classnames that chakra provides? i understand it may be for more explicitness
which shorthand classnames are you referring to?
@@BenjaminCarlson l guess like for marginTop we can use mt , for padding we can use p
@@satyamktr right, I do use the shorthands whenever I can. Maybe I accidentally didn't use it for one part.
Why is it not playing in HD
Should be in hd now!
answer the question. how to make a dropdown on hover?
I wasn't able to get that to work. I was able to make it half work and I turned to stack overflow and GitHub for help but no luck. You're welcome to try and make it work though!
Chakra has a Tooltip overlay option and I used that to display description on hover.
9ce n cool. great job!
thats not responsive
It shrinks to just icons on smaller screens. Is that not responsive?