@gfsdeliver/gfs-carrier-icon NPM

<gfs-carrier-icon>

The gfs-carrier-icon widget is used by the other widgets in the GFS Checkout collection, but is also available to use for display of carrier icons within your eCommerce website.

Install

$ npm i --save @gfsdeliver/gfs-carrier-icon/gfs-carrier-icon.js

Import In a HTML file:

<html>
    <head>
        <script type="module">
            import '@gfsdeliver/gfs-carrier-icon/gfs-carrier-icon.js';
        </script>
    </head>
    <body>
        <gfs-carrier-icon carrier-name="dpd" icon-size="medium" country-code="GB"></gfs-carrier-icon>
    </body>
</html>

In a Polymer 3 element

import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
import '@gfsdeliver/gfs-carrier-icon/gfs-carrier-icon.js';

class CustomElement extends PolymerElement {
    static get template() {
        return html`
            <gfs-carrier-icon carrier-name="dpd" icon-size="medium" country-code="GB"></gfs-carrier-icon>
        `;
    }
}
customElements.define('custom-element', CustomElement);

More info and all the available properties can be found at GFS widget portal

License

Apache License 2.0

GFS icon web-components web-component

@polymer/polymer

@everything-registry/sub-chunk-359 @infinitebrahmanuniverse/nolb-_gf

2.0.1-preview.1

5 years ago

2.0.0-preview.1

5 years ago