@xgd/xgd-home-hero v1.0.1

\<xgd-home-hero>

Provides a hero Polymer 3 / lit-element display for a homepage that is clickable.

Styling

The following custom properties and mixins are available for styling.

Example:

<style is="custom-style">
  xgd-home-hero {
    width: 300px;
    height: 300px;
  }
</style>

<xgd-home-hero image="https://placeimg.com/300/300/animals?t=1526148877145"
                  banner="This is the Title" button="XGDFalcon" action="https://xgdfalcon.com">
                  This is a description of what the location is pointing to.
                  This is a description of what the location is pointing to.
</xgd-home-hero>

<script>
  window.addEventListener('xgd-request-state-change', function(event) {
    alert(event.detail.url);
  });
</script>

The component is licensed under the MIT License

License

Demo and doc are available on https://www.webcomponents.org/element/XGDElements/xgd-browser-tabs