Responsive Sidebar using Tailwind css & Alpine js | Sub menu | Tooltip | CodeF

Responsive sidebar using tailwindcss and alpinejs
Demo - mfazail.github.io/Sidebar/ind...
Tailwind css - tailwindcss.com
Alpine js - alpinejs.dev
Source code:
github.com/mfazail/CodeF/tree...
#tailwindcss #html #sidebar #codef

[@thamibn]

super dope exactly what I wanted
keep bringing the good work bro

[@juanracornejo]

Excellent video just what I was looking for thank you very much for sharing

[@kreatur_]

This is exactly what I needed to build. Thanks!

[@mfazaildotcom]

I'm glad my videos are helping your project

[@luizjam1974]

Congratulations on your work and for teaching other people!

[@mfazaildotcom]

Thank you 😍

[@sajjadml7301]

Hi, you are designing better than other Indians. Keep up the good work.

[@mfazaildotcom]

Thank you 😊

[@SusanthCom]

Thank u

[@newbeak4234]

Great work! thanks a lot for sharing sir

[@mfazaildotcom]

Welcome sir 🙂

[@DanielTames]

awesome!!

[@user-xo1vk1bl4t]

Thank you so much.😄😄😄

[@mfazaildotcom]

Most welcome 🥰

[@Deus-lo-Vuilt]

nice , thanks

[@hugot0ta]

Very good work

[@mfazaildotcom]

Thank you

[@ziyadmahmoud6599]

Well done!
What is the best way to store the side bar position into local storage?

[@mfazaildotcom]

Set a Boolean value to local storage and according to that bind the class left or right.

[@ziyadmahmoud6599]

Unfortunately couldn’t do it. Can you help?

[@mfazaildotcom]

how are you implementing it?

[@mfazaildotcom]

codepen.io/mfazail/pen/RwQqgGb
here's a demo

[@ziyadmahmoud6599]

Excellent! Very thankful. You deserve 1k likes.

[@georgiosdelimpasis]

Can you adapt this with tailwind and vue or react?

[@mfazaildotcom]

Yeah but not in react

[@user-kp9di3xh2z]

How can we scroll the sidebar?

[@mfazaildotcom]

Add the height to parent div
And set overflow-y-auto to it

[@user-kp9di3xh2z]

I did it but the tooltip is not showing.

[@mfazaildotcom]

@@user-kp9di3xh2z Oh! In order to prevent this there is a library called float ui

[@user-kp9di3xh2z]

Thank you for your reply
I think there should be a solution without external libraries

[@mfazaildotcom]

@@user-kp9di3xh2z there is something like interactionObserver in js
You can try it