# 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>