1.0.1 • Published 7 years ago

ngx-card-article v1.0.1

Weekly downloads
5
License
MIT
Repository
github
Last release
7 years ago

ngx-card-article

npm npm

Beautifully designed cards for use in an Angular 4 project.

  1. npm i ngx-card-article --s
  2. 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">

Example Image

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.