Skip to main content
Version: Previous

Web components - overview

Our easy-to-use Genesis components (also known as custom elements) are web-component-based, so they work with or without your favourite framework.

Our Genesis packages are scoped to @genesislcap. These consist of:

  • @genesislcap/foundation-ui: Base components
  • @genesislcap/foundation-zero: The zero design-system variant
  • @genesislcap/foundation-utils: Utilities
  • @genesislcap/foundation-comms: Comms system
  • ...etc

Browser support​

Below is a list of browsers that provide native support for Web Components.

Desktop​

  • Firefox (63+)
  • Chrome (67+)
  • Opera (64+)
  • Edge (79+)
  • IE11 (not out of the box, but partial support with polyfills is possible)
  • Safari (10.1+ supports a number of web component features, but fewer than the above browsers)

Mobile​

  • Android Browser (94+)
  • Opera Mobile (64+)
  • Chrome for Android (94+)
  • Firefox for Android (92+)
  • Samsung Internet (6.2+)

See caniuse.com for more information.