Skip to main content


Web components are custom HTML elements that can be consumed in any project, with any framework. To use a component simply add the HTML to your page like this:


<div>    <pearson-toggle></pearson-toggle></div>


// import statement at top of pageimport '@pearson-ux/toggle';
// jsxrender () {   return (      <div>        <pearson-toggle></pearson-toggle>      </div>   )}

Each component comes equipped with custom events that fire so you can interact with your application.