Version:

Install ​

shell
npm i @mate-angular/card

Import ​

typescript
import { MateCardComponent } from '@mate-angular/card';

Variants ​

Default ​

html
<mate-card-ng>
  <img src="image.jpg" slot="media" alt="Card image">
  <div slot="header">Title</div>
  <p>Card content</p>
</mate-card-ng>

Horizontal ​

html
<mate-card-ng theme="horizontal">
  <img src="image.jpg" slot="media" alt="Card image">
  <p>Card content</p>
</mate-card-ng>