ng-content-card

Header Content
NgContentCard Example image
Body content
Footer content
Absolute content

    <ng-content-card >
       	
  <header card-header>
    Header Content
  </header>
 

  <section card-image>
    <img class="scaleHover"
      src="assets/images/examples/ng-content-card_example-img.webp"
      alt="NgContentCard Example image"
    >
  </section>
 

  <section card-body>
    Body content
  </section>
 

  <footer card-footer>
    Footer content
  </footer>
 

  <div absolute-content
    style="top: .5rem; right: 1rem; padding: .5rem; background: red;"
  >
    Extra content
  </div>

</ng-content-card>
  

card-header

Content to show in the header

card-image

Main image section

card-image hover class

Smooth scale transition when hovering over the card

card-body

Main body content

card-footer

Footer content

absolute-content

Extra content with position absolute

animation

Entrance animation effect.

hover

Hover effect.

shadow

Enable/disable card shadow.