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

Dropdowns#

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

Footer#

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

Header#

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

Modal#

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