graycoreio/daffodil

View on GitHub
libs/design/callout/examples/src/callout-theming/callout-theming.component.html

Summary

Maintainability
Test Coverage
<daff-callout [color]="colorControl.value">
    <div class="daff-callout-theming__icon" daffCalloutIcon>
        <fa-icon [icon]="faMobile"></fa-icon>
    </div>
    <div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>
    <h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>
    <div daffCalloutSubtitle>
        <p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>
        <p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>
    </div>
    <div daffCalloutBody>
        <a daff-button color="theme-contrast" href="https://www.daff.io">What is Daffodil?</a>
    </div>
</daff-callout>

<select [formControl]="colorControl">
    <option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>
</select>