ngx-apf-flipbox
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.5 • Public • Published

    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

    Keywords

    Install

    npm i ngx-apf-flipbox

    DownloadsWeekly Downloads

    47

    Version

    0.1.5

    License

    MIT

    Last publish

    Collaborators

    • applicafropkg