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

Readme

Keywords

Package Sidebar

Install

npm i ngx-apf-flipbox

Weekly Downloads

8

Version

0.1.5

License

MIT

Last publish

Collaborators

  • applicafropkg