https://github.com/vasanthk/responsive-tabs

A full width responsive tab component. The tab header uses icons for mobile view and text for larger width screens. I use three different layouts.
https://github.com/vasanthk/responsive-tabs

Last synced: 4 months ago
JSON representation

A full width responsive tab component. The tab header uses icons for mobile view and text for larger width screens. I use three different layouts.

• Host: GitHub
• URL: https://github.com/vasanthk/responsive-tabs
• Owner: vasanthk
• Created: 2015-06-24T17:47:54.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2015-06-26T18:28:45.000Z (about 11 years ago)
• Last Synced: 2025-02-28T03:24:54.844Z (over 1 year ago)
• Language: HTML
• Size: 410 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Responsive Tabs

A full width responsive tab component. The tab header uses icons for mobile view and text for larger width screens. 

Uses three different resposive layouts.

## Layout 1 (Desktop)

![Desktop](https://cdn.rawgit.com/vasanthk/Responsive-Tabs/master/screens/Layout-1.png)

## Layout 2 (Tablet)

![Tablet](https://cdn.rawgit.com/vasanthk/Responsive-Tabs/master/screens/Layout-2.png)

## Layout 3 (Mobile)

![Mobile](https://cdn.rawgit.com/vasanthk/Responsive-Tabs/master/screens/Layout-3.png)

Reference: [Codrops](http://tympanus.net/codrops/2014/03/21/responsive-full-width-tabs/)