Tiger Scroll

A customizable wizard component.

install

via npmjs.com

$ npm install tiger-scroll # or `yarn add tiger-scroll` 

Basic Usage

const { element: React, TigerScroll } = window.wp
 
React.render(
  <TigerScroll>
    <section>{'section 1'}</section>
    <section>{'section 2'}</section>
    <section>{'section 3'}</section>
  </TigerScroll>,
  document.getElementById('wizard')
)

Customize style

You can see some classes like tiger-scroll__* for each HTML element.

Customize functions

override submitButton

<TigerScroll
  renderSubmit={props => <button>{'do anything with the button'}</button>}
/>