https://github.com/SinoThomas/Ionic2-CircularTabs

https://github.com/SinoThomas/Ionic2-CircularTabs

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/SinoThomas/Ionic2-CircularTabs
• Owner: SinoThomas
• License: apache-2.0
• Created: 2016-10-19T15:22:36.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-28T21:47:08.000Z (over 6 years ago)
• Last Synced: 2024-05-07T18:17:38.016Z (about 1 month ago)
• Language: TypeScript
• Size: 6.69 MB
• Stars: 43
• Watchers: 7
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Lists

• awesome-ionic2-components - Circular Tabs
• Awesome-Ionic - Circular Tabs
• Awesome - Circular Tabs

README

        
# Ionic 2 Circular Tabs

This is demo of Circular Tabs Ionic 2 Plugin.

## Getting Started

* Clone this repository.

* Run npm install from the project root.

* Install the ionic CLI (npm install -g ionic)

* Run ionic serve in a terminal from the project root.

**Note:** Is your build slow? Update npm to 3.x: npm install -g npm.

## Using Plugin in other projects

* Copy & paste CircularTabs component in components folder.

* Import it app.module.ts and tabs component.

* Place circular-tabs tag below ion-tabs.Sample

* Give reference to ion-tabs and add other properties. 

## Ionic Info

* Cordova CLI: 6.3.1

* Gulp version: CLI version 3.9.1

* Ionic CLI Version: 2.1.1

* Ionic App Lib Version: 2.1.1

* Node Version: v4.6.0

## Preview

 

 

 

 

 

 

 

 

 

 ![](resources/screenshots/gifs/landingPage.gif)

 ![](resources/screenshots/gifs/tabsBottom1Page.gif)

 ![](resources/screenshots/gifs/tabsBottom2Page.gif)