ngx-card-article

Beautifully designed cards for use in an Angular 4 project.

1. npm i ngx-card-article --s
2. Add NgxCardArticleModule to your feature module.

import { NgxCardArticleModule } from 'ngx-card-article';

...
imports: [
    NgxCardArticleModule
]
...

3. Add font references to the top of your index.html.

<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:100,200,300" rel="stylesheet">

Development

1. npm run start to launch dev-server of src/ directory.
2. Verify component functionality in examples/.

Usage

<ngx-card-article
        [title]="'My Title'"
        [photoUrl]="'http://www.example.com/image.jpg'"
        [startColor]="'#fff'"
        [endColor]="'rgba(50, 50, 50, 0.1)'">
        <div header>
            <li>Testing</li>
            <li>Testing</li>
        </div>
        <div footer>
            <li>Testing</li>
            <li>Testing</li>
        </div>
</ngx-card-article>

Contributors

Sean Perkins

Credits

• Beautiful designed Codepen by Mithicher.