Skip to main content

Usage

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:

HTML​

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

React.Js​

// import statement at top of page
import '@pearson-ux/toggle';

// jsx
render () {
   return (
      <div>
        <pearson-toggle></pearson-toggle>
      </div>
   )
}

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