ionic 4 components

Ionic 4 composants

Composants d'interface utilisateur costumisables pour ionic 4.

Documentation | Démos composants | Commencer | Entrer en contact

---

Caractéristiques

• Galerie d'images inspirées de Twitter
• Conception de matériau pull-to-refresh
• Composant de dialogue flexible
• Découverte des fonctionnalités
• Barre d'application de conception de matériaux pour onglets ioniques
• Plus de composants

? Installation

Pour commencer, installez le package à partir de NPM. La dernière version prend en charge Ionic 4 et Angular> = 7.

Installez la bibliothèque d'interface utilisateur

Vous pouvez utiliser le NPM ou le fil pour installer @fivethree/core à partir de NPM.

npm install --save @fivethree/core @angular/animations

Configurez votre application ionique

Une fois les packages installés, importez BrowserAnimationsModule dans app.module.ts :

 import { NgModule } from '@angular/core' ;
import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ;

@ NgModule ( {
  imports : [
    ...
    BrowserAnimationsModule ,
    ...
  ]
} )
export class AppModule { } 

Instructions d'utilisation

Pour utiliser la bibliothèque d'interface utilisateur Importez l'un des modules de fonctionnalité (par exemple, FivgalleryModule) dans une page ou un module de composant.

Par exemple:

 import { NgModule } from '@angular/core' ;
import { CommonModule } from '@angular/common' ;
import { IonicModule } from '@ionic/angular' ;
import { FormsModule } from '@angular/forms' ;
import { RouterModule } from '@angular/router' ;
import { FivGalleryModule } from '@fivethree/core' ;

import { HomePage } from './home.page' ;

@ NgModule ( {
  imports : [
    CommonModule ,
    FormsModule ,
    IonicModule ,
    RouterModule . forChild ( [
      {
        path : '' ,
        component : HomePage
      }
    ] ) ,
    FivGalleryModule
  ] ,
  declarations : [ HomePage ]
} )
export class HomePageModule { } 

? Développement

Ce package est sous construction active.

• Exécutez ng build core pour reconstruire la bibliothèque des composants.
• Exécutez ionic s pour servir le site du projet.