JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q33981F

Hermes footer

Package Exports

  • @borderguru/footer

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@borderguru/footer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@borderguru/footer

This web component is the default footer for any Hermes' web, it display the content selected by the company.

Properties

It has two properties: center and right, each property add contents to the center and right column, each column has a title and a list of links, you can define the column name, the name of each link, where it goes and how to open the link. Here is an example of an attribute

center='{"title": "the title", "content": [{"title":"This is what you see", "href":"link", "target":"_blank"}]}'

Responsive

It display a column with all the content in a pile for screens under 760px, for bigger screens, the content is displayed in 3 columns, it always takes all the width.

Example

  <hermes-footer
    center='{"title": "the title", "content": [{"title":"This is what you see", "href":"link", "target":"_blank"}]}'
    right='{"title": "the title", "content": [{"title":"This is what you see", "href":"link", "target":"_blank"}]}'
  ></simple-counter>