graycoreio/daffodil

View on GitHub
libs/design/card/examples/src/basic-card/basic-card.component.html

Summary

Maintainability
Test Coverage
<daff-card>
    <daff-image daffCardImage
        src="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"
        alt="Bottom up view of Basel exhibition centre"
        width="1261"
        height="946">
    </daff-image>
  <fa-icon daffCardIcon [icon]="faMapMarked"></fa-icon>
  <div daffCardTagline>Basel, Switzerland</div>
  <h4 daffCardTitle>Basel Exhibition Centre</h4>
    <div daffCardContent>
    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>
    <p>The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>
  </div>
  <div daffCardActions>
    <button daff-button color="theme-contrast">Learn More</button>
  </div>
</daff-card>