ionic 4 components

Ionic 4 componentes

Componentes de interface do usuário fantasiáveis para Ionic 4.

Documentação | Demos componentes | Introdução | Entre em contato

---

Características

• Galeria de Imagens Inspirada no Twitter
• Design de material Pull-to-Rerfresh
• Componente de diálogo flexível
• Descoberta de recursos
• Barra de aplicativos de design de material para guias iônicas
• Mais componentes

? Instalação

Para começar, instale o pacote a partir do NPM. A versão mais recente suporta Ionic 4 e Angular> = 7.

Instale a biblioteca da interface do usuário

Você pode usar o npm ou o fio para instalar @fivethree/core a partir do NPM.

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

Configure seu aplicativo iônico

Depois que os pacotes forem instalados, importe BrowserAnimationsModule em app.module.ts :

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

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

Instruções de uso

Para usar a biblioteca da interface do usuário, importe um dos módulos de recurso (por exemplo, fivgallerymodule) em um módulo de página ou componente.

Por exemplo:

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

? Desenvolvimento

Este pacote está em construção ativa.

• Execute ng build core ng para reconstruir a biblioteca de componentes.
• Execute ionic s para servir o site do projeto.