Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Last synced: 3 months 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 (about 8 years ago)
Default Branch: master
Last Pushed: 2017-11-28T21:47:08.000Z (almost 7 years ago)
Last Synced: 2024-05-08T18:17:56.047Z (6 months ago)
Language: TypeScript
Size: 6.69 MB
Stars: 43
Watchers: 7
Forks: 12
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

awesome-ionic2-components - 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)