Components

Card

Angular Material Card is a flexible container for displaying content in a structured and contextual manner.

Official docs API reference

Example

Below is an example of how BuilderKit restyles the Angular Material Card and gives it a more modern appearance.

Simple card

Australian Shepherd

Herding group

Poodle

Non-sporting group

Shiba Inu

Dog Breed

The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan. A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally bred for hunting.

Chihuahua

The Chihuahua is a Mexican breed of toy dog. It is named for the Mexican state of Chihuahua and is among the smallest of all dog breeds. It is usually kept as a companion animal or for showing.

charming

graceful

sassy

<mat-card>
  <mat-card-header>
    <img matCardAvatar src="shiba1.jpg" />
    <mat-card-title>Shiba Inu</mat-card-title>
    <mat-card-subtitle>Dog Breed</mat-card-subtitle>
  </mat-card-header>
  <img matCardImage src="shiba2.jpg" />
  <mat-card-content>
    <p>
      The Shiba Inu is the smallest of the six original and distinct
      spitz breeds of dog from Japan. A small, agile dog that copes
      very well with mountainous terrain, the Shiba Inu was originally
      bred for hunting.
    </p>
  </mat-card-content>
  <mat-card-actions>
    <button matButton>LIKE</button>
    <button matButton>SHARE</button>
  </mat-card-actions>
</mat-card>