Skip to main content

CDN and NPM Links

This is a list of all available components released on CDN and NPM including all standalone web components.

All components​

CDN​
<script src="https://unpkg.com/@pearson-ux/pearson-web-components"></script>
NPM​
npm i @pearson-ux/pearson-web-components --save

Accordion​

CDN​
<script src="https://unpkg.com/@pearson-ux/accordion"></script>
NPM​
npm i @pearson-ux/accordion --save

ButtonBar​

CDN​
<script src="https://unpkg.com/@pearson-ux/alert"></script>
NPM​
npm i @pearson-ux/alert --save

Button Bar​

CDN​
<script src="https://unpkg.com/@pearson-ux/button-bar"></script>
NPM​
npm i @pearson-ux/button-bar --save

Cards​

CDN​
<script src="https://unpkg.com/@pearson-ux/card"></script>
NPM​
npm i @pearson-ux/card --save

Coachmarks​

CDN​
<script src="https://unpkg.com/@pearson-ux/coachmark"></script>
NPM​
npm i @pearson-ux/coachmark --save

Datepicker​

CDN​
<script src="https://unpkg.com/@pearson-ux/datepicker"></script>
NPM​
npm i @pearson-ux/datepicker --save
CDN​
<script src="https://unpkg.com/@pearson-ux/dropdown"></script>
NPM​
npm i @pearson-ux/dropdown --save
CDN​
<script src="https://unpkg.com/@pearson-ux/footer"></script>
NPM​
npm i @pearson-ux/footer --save
CDN​
<script src="https://unpkg.com/@pearson-ux/header"></script>
NPM​
npm i @pearson-ux/header --save

Loading Indicator​

CDN​
<script src="https://unpkg.com/@pearson-ux/loading-indicator"></script>
NPM​
npm i @pearson-ux/loading-indicator --save
CDN​
<script src="https://unpkg.com/@pearson-ux/modal"></script>
NPM​
npm i @pearson-ux/modal --save

Pagination​

CDN​
<script src="https://unpkg.com/@pearson-ux/pagination"></script>
NPM​
npm i @pearson-ux/pagination --save

Progress Bar​

CDN​
<script src="https://unpkg.com/@pearson-ux/progress-bar"></script>
NPM​
npm i @pearson-ux/progress bar --save

Range Slider​

CDN​
<script src="https://unpkg.com/@pearson-ux/range-slider"></script>
NPM​
npm i @pearson-ux/range-slider --save

Tab Navigation​

CDN​
<script src="https://unpkg.com/@pearson-ux/tabs"></script>
NPM​
npm i @pearson-ux/tabs--save

Time Picker​

CDN​
<script src="https://unpkg.com/@pearson-ux/timepicker"></script>
NPM​
npm i @pearson-ux/timepicker --save

Toggle​

CDN​
<script src="https://unpkg.com/@pearson-ux/toggle"></script>
NPM​
npm i @pearson-ux/toggle --save