0.1.5 • Published 6 years ago

ngx-apf-flipbox v0.1.5

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

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

InputDescriptionData TypeExample
FRONT SIDE
frontTitleFront Titlestring"Mobile Phones"
frontSubTitleFront SubTitlestring"smart"
iconCodefont awesome css classarray'fa','fa-address-card-o' , 'fa-3x'
iconColorIcon Colorstring"#fff"
iconCicleColorIcon Colorstring"rgba(255,255,255,0.5)"
frontTitleColorFront Side Title Colorstring"rgba(255,255,255,0.5)"
frontSubTitleColorFront Side Subtitle Colorstring"#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

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.0-beta.22

6 years ago

0.1.0-beta.21

6 years ago

0.1.0-beta.20

6 years ago

0.1.0-beta.19

6 years ago

0.1.0-beta.18

6 years ago

0.1.0-beta.17

6 years ago

0.1.0-beta.16

6 years ago

0.1.0-beta.15

6 years ago

0.1.0-beta.14

6 years ago

0.1.0-beta.13

6 years ago

0.1.0-beta.12

6 years ago

0.1.0-beta.11

6 years ago

0.1.0-beta.10

6 years ago

0.1.0-beta.9

6 years ago

0.1.0-beta.8

6 years ago

0.1.0-beta.7

6 years ago

0.1.0-beta.6

6 years ago

0.1.0-beta.5

6 years ago

0.1.0-beta.4

6 years ago

0.1.0-beta.3

6 years ago

0.1.0-beta.2

6 years ago

0.1.0-beta.1

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago