https://github.com/frankyso/ionic-swipable-segment
Sliding Segment with merging two component from ionic (Segment, Slides)
https://github.com/frankyso/ionic-swipable-segment
directives ionic-framework ionic3 sliding
Last synced: 8 months ago
JSON representation
Sliding Segment with merging two component from ionic (Segment, Slides)
- Host: GitHub
- URL: https://github.com/frankyso/ionic-swipable-segment
- Owner: frankyso
- Created: 2018-12-28T10:21:56.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-01-02T08:37:08.000Z (over 7 years ago)
- Last Synced: 2025-02-27T10:00:48.255Z (over 1 year ago)
- Topics: directives, ionic-framework, ionic3, sliding
- Language: TypeScript
- Homepage:
- Size: 3.91 KB
- Stars: 2
- Watchers: 0
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# IONIC Sliding Segment (Directive)
This component using two other component from ionic theres segment and slides. feel free to contribute.
## Getting Started
Just clone this repo, and add it into your project, dont forget to import slide-segment.module.ts module into your app.module.ts
```
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { ListPage } from '../pages/list/list';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { SlideSegmentDirectiveModule } from '../directives/slide-segment/slide-segment.module';
@NgModule({
declarations: [
MyApp,
HomePage,
ListPage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
SlideSegmentDirectiveModule
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
ListPage
],
providers: [
StatusBar,
SplashScreen,
{ provide: ErrorHandler, useClass: IonicErrorHandler }
]
})
export class AppModule { }
```
## Example Code
```
Home
08/2018
09/2018
10/2018
Bulan lalu
Bulan ini
Masa Depan
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
```
## Deployment
Add additional notes about how to deploy this on a live system
## Authors
* **Franky So** - *Initial work* - [Github](https://github.com/frankyso)
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details