Skip to content

Instantly share code, notes, and snippets.

@NyaGarcia

NyaGarcia/pokemon-card.component.html

Last active April 11, 2023 15:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save NyaGarcia/84fc3d9d8aba99dde8483d6046b15fa0 to your computer and use it in GitHub Desktop.
Save NyaGarcia/84fc3d9d8aba99dde8483d6046b15fa0 to your computer and use it in GitHub Desktop.
Download ZIP
NgBytes Standalone Pokemon Card
Raw
pokemon-card.component.html
<mat-card>
<mat-card-header>
<mat-card-title>{{ pokemon.name }}</mat-card-title>
<mat-card-subtitle>{{ pokemon.type }}</mat-card-subtitle>
</mat-card-header>
<img
mat-card-image
[src]="pokemon.imageUrl"
[alt]="'Photo of a ' + pokemon.name"
/>
<mat-card-content>
<h3>Stats</h3>
<p>Attack: {{ pokemon.attack }} Defense: {{ pokemon.defense }}</p>
</mat-card-content>
</mat-card>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment