Skip to main content

Web Components

In this section you’ll find all the information you need to use our PIE Web Components library.

Introduction

Web Components are a set of native browser technologies that allow us to build custom components. In other words, create custom HTML elements native to browsers.

Currently, this technology is supported by all browsers, making it possible to have one central library that will work with most frontend frameworks.

The long-term aim will be to migrate JET teams over to this Web Component System, so we have one single source of truth for our global PIE components.


Component status

You can find the documentation for all of our components on this site in the Components section.

For a list of which components are supported in each of our libraries, please refer to the Component Status page.


Getting started

For every framework, you can start with our Prerequisites Guide.

For specific framework versions, please follow these guides:

Vue 3 Integration Guide

Nuxt 3 Integration Guide

Vue & Nuxt ‐ Known gotchas

For existing users, you may be interested in our Migration guide of Web Components to Lit 3. This guide also details some specific configurations for React, Next and Vue2.

More guides coming soon! 🚀


Usage

The following guides are meant to support you while using our web components.

For information about form elements and how to handle form data and validation, check out our Form Usage Guide.