DEV Community

Cover image for Angular Vertical Tabs
w3hubs.com
w3hubs.com

Posted on

Angular Vertical Tabs

Angular is a front end javascript framework that is base on typescript and made by google. So this is one of the best and popular javascript frameworks. Here we made Vertical Tabs In Angular using SCSS features and some basic HTML tags.

In this tabs simple, we used HTML Unordered list element with and some CSS properties. Here we also used media queries to make this element responsive for the mobile side. Also, we used the angular OnInit lifecycle method to set a value on clicks. Each tab has a separate view which we have shown in a click. Here not using any animation just simply we used active class after click to show tabs as active.

Make it yours now by using it, downloading it, and please support it.

Download Source code

Top comments (0)