ionic 4 components

4 componentes iónicos

Componentes de interfaz de usuario disfrazables para Ionic 4.

Documentación | Demostraciones componentes | Comenzando | Ponerse en contacto

---

Características

• Galería de imágenes inspirada en Twitter
• Diseño de material Pull-to-Fresh
• Componente de diálogo flexible
• Descubrimiento de características
• Barra de aplicación de diseño de material para pestañas iónicas
• Más componentes

? Instalación

Para comenzar, instale el paquete desde NPM. La última versión admite Ionic 4 y Angular> = 7.

Instale la biblioteca de UI

Puede usar NPM o hilo para instalar @fivethree/core desde npm.

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

Configure su aplicación iónica

Una vez que se instalan los paquetes, importar BrowserAnimationsModule en app.module.ts :

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

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

Instrucciones de uso

Para usar la biblioteca UI, importe uno de los módulos de características (por ejemplo, FivGalleryModule) en una página o módulo de componente.

Por ejemplo:

 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 { } 

? Desarrollo

Este paquete está bajo construcción activa.

• Ejecute ng build core para reconstruir la biblioteca de componentes.
• Ejecute ionic s para servir al sitio del proyecto.