Skip to content
Cover image for Angular Vertical Tabs

Angular Vertical Tabs

w3hubs profile image twitter logo ・1 min read

Download Now (23 Part Series)

1) Login and Registration Form Using NES.css 2) Bootstrap Accordion Menu 3 ... 21 3) Full Screen Overlay Navigation In Bootstrap With Javascript 4) Business Card Using Bootstrap 4 5) Team Section Using Tailwind CSS 6) Registration Form Using Foundation CSS 7) Simple Neomorphic Button Using CSS 8) Angular Material Custom Checkbox and Radio Button In SCSS 9) Bulma Navbar Burger With Javascript 10) Bootstrap Login Form With Background Image 11) Angular Material Smooth Scroll Bottom To Top 12) Full-Screen Responsive Bootstrap Carousel 13) Bootstrap Responsive Testimonial 14) Tooltip Using CSS 15) CSS Multiple Colors Scrollbar 16) Parallax Scrolling Effect In UIKIT 17) Simple Cookie Consent Using Bootstrap 4 18) Responsive Service Section In Tailwind CSS 19) OTP Verification Using Sms4inida Api With Php and Mysql 20) Angular Vertical Tabs 21) UI Calendar Icon 22) Bootstrap Custom Color Spinners 23) Reset Password Form In Bootstrap

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

twitter logo DISCUSS
markdown guide
Classic DEV Post from Aug 13 '19

How open-source will Tumblr become?

In case you hadn't read the news, Verizon sold Tumblr to Automattic. Verizon owned Tumblr after it ac... profile image