ngx-apf-flipbox

Installation

To install this library, run:

$ npm install ngx-apf-flipbox --save

Usage

$ npm install ngx-apf-flipbox

and then from your Angular AppModule:

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

import { AppComponent } from './app.component';

// Import your library
import { FlipBoxModule } from 'ngx-apf-flipbox';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify this library as an import
    FlipBoxModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Once your library is imported, you can use its components in your Angular application:

<!-- You can now use this library component in app.component.html -->
<h1>
  {{title}}
</h1>
<apf-flipbox
  [frontTitle]="frontTitle" 
  [frontSubTitle]="frontSubTitle"
  [frontTitleColor]="'#000'"
  [frontSubTitleColor]="'rgba(255,255,255,0.5)'" 
  
  [iconCode]="iconCode" 
  [iconColor]="'#fff'"
  [iconCicleColor]="'#fff'"

  [backTitle]="backTitle" 
  [backContent]="backContent" 
  [backTitleColor]="'rgba(255,255,255,0.5)'" 
  [backContentColor]="'#000'">
  </apf-flipbox>

Inputs

| Input | Description | Data Type | Example | | -------------------|-------------------------| ---------| -------------------------------------|
| FRONT SIDE | | frontTitle | Front Title | string | "Mobile Phones" | | frontSubTitle | Front SubTitle | string | "smart" | | iconCode | font awesome css class | array | ['fa','fa-address-card-o' , 'fa-3x'] | | iconColor | Icon Color | string | "#fff" | | iconCicleColor | Icon Color | string | "rgba(255,255,255,0.5)" | | frontTitleColor | Front Side Title Color | string | "rgba(255,255,255,0.5)" | | frontSubTitleColor | Front Side Subtitle Color | string | "#fff" | || | BACK SIDE | backTitle | Back Title | string | "Mobile Phones Are Smart" | | backContent | Back Description | string | "I am A description for Mobile Phone."| | backTitleColor | Back Side Title Color | string | "#fff" | | backContentColor | Back Side Content Color | string | "#fff" |

License

MIT © Sivuyile Magutywa