Skip to main content

Web Component Installation

The following options will give you access to the entire web component library. If you would like a specific version or release, please visit our NPM page to see whats available and follow the NPM / UNPKG instructions to download / link to a specific version.

  1. Pearson Web Components NPM Page
  2. Pearson CSS NPM Page

Important note: If you would like to download and install individual components, please visit our CDN and NPM links section.

<script src=""></script>
npm i @pearson-ux/pearson-web-components --save


There are two components, including the full build that require moment.js.

  1. Datepicker
  2. Timepicker

Important note: You do not need these dependancies for CSS or other standalone web components that were NOT mentioned above.

<script src=""></script><script src=""></script>
npm i moment-with-locales-es6 --savenpm i moment-range --save


To make web components cross-browser compatible down to IE11 you will need the three following polyfills:

  1. Web component loader
  2. Custom elements es5 adapter
<script src=""></script><script src=""></script><script src=""></script>

Important note: If you're installing from NPM, there is some additional information that may help you.

npm i webcomponents-loader --savenpm i custom-elements-es5-adapter --savenpm install polyfill-library --save


<head>    <title>Your Application</title>    <!-- CSS -->    <link rel="stylesheet" href="" />    <!-- load tippy -->    <script src=""></script>    <!-- Moment JS dependancy - needed for datepicker, timepicker, and the full build -->    <script src=""></script>    <script src=""></script>    <!-- IE Polyfills -->    <script src=""></script>    <script src=""></script>    <script src=""></script>    <!-- Load all the components -->   <script src=""></script></head><body>    <main id="main">    <!-- place your app markup here -->    </main></body>