DEV Community

loading...
Cover image for Angular Vertical Tabs

Angular Vertical Tabs

w3hubs profile image w3hubs.com ・1 min read

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

Discussion

pic
Editor guide