How to create Sidenav using Angular Material?

[@woolgathered]

This is exactly what I needed today! Thank you!!!!! Short, simple, to the point. Perfect.

[@frontendpaathshala6272]

Glad it helped!

[@doberman20344]

​@@frontendpaathshala6272😮😊😊

[@abdiaskomguem1528]

1

[@abdiaskomguem1528]

[@sayronarnorius2556]

Great tutorial, simple and easy to understand even for beginers!

[@frontendpaathshala6272]

Glad to hear that! Thank you :)

[@reshmajagatha]

very good explaination with simple way..Thank you

[@frontendpaathshala6272]

Glad it was helpful!

[@danielhorodenko8587]

Hey! I want to do this with the header being a different component than the menu itself and i'm struggling a lot, could you give me some advice? Thanks

[@smarttrupti2007]

Very nice short and helpful video...

[@frontendpaathshala6272]

Glad it was helpful!

[@bernardmutura5462]

Absolutely on point. Simple and well delivered. Make more content like this.

[@frontendpaathshala6272]

Thanks, will do!

[@cutaz1232]

How can I add sub menu? Thanks

[@pradyumnabisoyi4097]

Nice video Thanks a lot.

[@frontendpaathshala6272]

Most welcome

[@historyofindia5949]

This what i needed .Thanks a lot.Big youtuber should learn from you .

[@frontendpaathshala6272]

Glad it helped

[@shambhavimishra1295]

Hey it helped a lot but how do I convert it into push sidenav

[@NJacintho]

Just simple and complete! Amazing!

[@frontendpaathshala6272]

Glad it helped !

[@leothomzz]

thank you for your great tutorial! How can I change the text color of mat-list-item?

[@ahmedbaig8543]

Very well explained please make more videos for Angular material it will be so much Helpful ..

[@varadrajkulkarni8586]

Very nice and clear. Upto the point. Thanks a lot

[@frontendpaathshala6272]

Glad it was helpful!

[@arunrajasekar9979]

Can we change content in nav list click

[@GustavoHenri777]

I needed this so much. Thank you

[@frontendpaathshala6272]

Glad it was helpful!

[@designbyakash]

i dont show icon anf click functanility on my locahost

[@alikhanbca0125]

thanks alot😍😍😍😍

[@frontendpaathshala6272]

Glad it helped !!

[@venkatsurya3005]

Dear friend very useful video thanks lot, i applied after overall pages same toolbar applied so pls make one video for how to show menu in dashboard page only .

[@leela5375]

But how to make it responsive mode? How to hide that sidenav in mobile view?

[@Gyannea]

Bummer, mine did not work. Is there css I am missing?

[@anmolrai194]

to the point, simple and precise. Awesome!!

[@frontendpaathshala6272]

Glad it helped!

[@zanwaranand6959]

I'm not able to get the Background color and the icon at button menu

[@sai_kumar_pandranki]

Im unble to use sidenav.toggle(). I means the toggle function not working on ui

[@dangelokwakye6658]

i enjoyed this... it was simple and straight to the point ;)

[@frontendpaathshala6272]

Glad it helped you

[@AkashRaj-co2nz]

In my case toggle click is not working why ?

[@tq3eufiy]

Really good

[@frontendpaathshala6272]

Thanks!

[@RanjithKumar-cv9vx]

Its an amazing and very easy method. Tq

[@frontendpaathshala6272]

Thank you!! Keep watching :)

[@stephenraj3845]

Exactly what I need today in my project Thank you 😊

[@frontendpaathshala6272]

Welcome

[@adityasriram4758]

Made it look neat and simple way to achieve a cool side nav bar 🙌🏻 Keep up the good work 👍🏻

[@frontendpaathshala6272]

Glad you like it!

[@thebankerpriya18]

Copied same still my toggle is not working..plz suggest any help 😢

[@frontendpaathshala6272]

Please share your code,will try to help

[@krishanthadharmasiri5266]

very good, to the point thanks so much

[@frontendpaathshala6272]

Glad it was helpful!

[@anthonysox2001]

You are a star

[@animeshpandey9469]

you helped me fight when I was giving up, Thankyou💛💛💛

[@frontendpaathshala6272]

I'm so glad! I could help you

[@tharunm8888]

Helped alot.Thanks!

[@frontendpaathshala6272]

Glad it helped!

[@nandinikose1414]

Hello mam... Mera navbar me mat-toolbar me color primary nhi aara

[@goodboygonebad5247]

I get an error "Property 'sidenav' does not exist on type " Component"

[@abhimanyu6450]

you have add one #sidenav as ID to the mat-sidenav tag

[@nilampande7984]

Really Helpful

[@frontendpaathshala6272]

Glad it helped

[@gunjanshrimali2674]

Great

[@frontendpaathshala6272]

thank you

[@anisharansingh6136]

Thank you for the vdo 😇

[@ismaelrey3029]

Muchas gracias. Es sencillo y perfecto

[@frontendpaathshala6272]

thank you

[@Exequiel_Hordt]

Thank you so much!!

[@frontendpaathshala6272]

Glad it helped!

[@ashishchourasia3721]

Very nice sister

[@frontendpaathshala6272]

thank you

[@PrudhviRoyals]

my sidenav is not working

[@frontendpaathshala6272]

In which step of the tutorial are you getting stuck?

[@PrudhviRoyals]

Last step I am getting the error

[@frontendpaathshala6272]

@@PrudhviRoyals Can you specify what error are you getting?

[@afzalhossain4142]

well sister

[@ertanciller1924]

Thanks a lott 👌👌

[@frontendpaathshala6272]

Most welcome 😊

[@flparaujo]

Good!!! Parabens!

[@luckylakshanaa3055]

Madam I need sidenav with sub menu

[@aforangular3759]

Mam please make full playlist on angular

[@frontendpaathshala6272]

sure

[@seffenemna9065]

my sidenav is not working too

[@frontendpaathshala6272]

In which step of the tutorial are you getting stuck?

[@ASHUTOSHKUMAR-zu6kr]

It will be better if u share the source code also

[@apurvgurav621]

Thank you 💯🔥

[@frontendpaathshala6272]

No problem

[@nikhil23d]

thanx you frontend paathshala

[@AvtarSingh-ze9cq]

Thanks dear

[@frontendpaathshala6272]

Welcome 😊

[@RockinLoud360]

Where is the code for the hamburger icon?

[@venom-qt1qt]

Plz upload more angular material tutorial

[@frontendpaathshala6272]

sure

[@-ganesh-q2ex4sb7w]

Thank u

[@frontendpaathshala6272]

Welcome

[@gunnikuntlasaisreekar9389]

Thank you mam

[@ganeshm6497]

what if sidebar and tollbar are different components?

[@guilhermedesouza395]

I have the same difficulty

[@rahulmathew8713]

Can you add a responsive sidenav menu. So when you click on the hamburger icon to minimize only show the menu icons. Also if possible show collapsible menu and sub menu. Do this as a part 2 of this video using Angular Material. Thanks. Nice video

[@deonekudajeranyama6538]

thank you

[@frontendpaathshala6272]

Welcome!