@stejnar/card

Angular component library for reusable card views.

npm package:
https://www.npmjs.com/package/@stejnar/card

Components

1. Card

<card>

2. CardHeader

<card-header title>
@Input title: string

3. CardContent

<card-content>

4. CardFooter

<card-footer>

5. CardAction

<card-action text icon>
@Input text: string
@Input icon: string

Usage

<card>
  <card-header title="Hello World">
    ...
  </card-header>
  <card-content>
    ...
  </card-content>
  <card-footer>
    <card-action (click)="clickHandler($event) icon="my-fancy-icon" text="Click Me!"></card-action>
    ...
  </card-footer>
</card>