I need to implement a web application with a sidenav "drawer".
It's a very common UI nowadays. For example, Google Maps has a collapsable sidenav on the left that shows a "drawer": inside the drawer, things can be pretty complex and interact with the main screen. Also, Google Slide has one if you choose format options.
I'm not sure which frontend framework to use. AngularJS alone will be enough? Or is there something else on top? Any useful boilerplate? I need to concentrate on the features, not much on technical details.
You can choose between Angular Material or PrimeNG, if you have experience in integrating third party javascript libs you can use SemanticUI , Bootstrap or Foundation. All above UI Frameworks support side navigation with off page canavas implementation.
Boost Your Digital Presence with Web Development Services in Australia
In today’s fast-paced digital world, having a powerful online presence is non-negotiable. That’s why Leafway Infotech proudly offers top-tier web development services in Australia, tailored to help businesses thrive in a competitive market.
At Leafway Infotech, we take immense satisfaction in delivering web development services in Australia that businesses feel they can’t find anywhere else. Our team blends cutting-edge technology with creative passion, ensuring each project is built with purpose and excellence.
Whether you're a startup or an established brand, our customized web development services in Australia are designed to align with your unique business goals. From responsive designs to dynamic features, we provide solutions that truly stand out.
Experience the difference with Leafway Infotech – where every website is a masterpiece and every client is a partner in success. When you choose us for web development services in Australia, you’re not just getting a service – you’re gaining a dedicated digital ally.
Hello Glasn,
If you have been working in Angular Material for your project then you might want to do this using the Angular Material's Sidenav component. Here's the reference doc- https://material.angular.io/components/sidenav/overview
If you are not already using Angular Material, I would strongly recommend considering Bootstrap to achieve your requirements. I find Bootstrap to be more intuitive having less dependencies and shorter learning curve. Here the reference document for Bootstrap- https://mdbootstrap.github.io/bootstrap-material-design/docs/4.0/material-design/drawers/
Regards, Prasanna
+1 Angular Material covers most of the common use cases and the implementation docs are good too.
