Onboarding
Overview
The Onboarding module is a custom modal that provides visibility and insight to new application features. It also serves up any contextual information that the user may otherwise miss through normal interactions.
Walkthrough Modal
The Walkthrough Modal is composed of the Modal component with the sliding functionality powered by swiper.js
Javascript
<JS> Dependency Note that you need to load Swiper.js for this component. You can download the recommended version below.
Download Swiper JsYou will need to initialize the Swiper.js with the function below.
Feature Highlight
To use Feature Hightlight simply add the data-intro and data-step attributes to the appropriate HTML elements. For more information on the available functionality for the plugin please refer to the Intro Js Docs.
Javascript
<JS> Dependency Note that you need to load intro.js for this component. You can download the recommended version below.
Download Intro JsYou will need to initialize the Intro Js. You can use the function below.
Hello World!
Quis suspendisse tincidunt malesuada convallis ut vel aliquam pulvinar diam. Mi rhoncus libero sollicitudin a viverra volutpat laoreet lectus. Neque quam orci eget venenatis eget adipiscing aliquam nibh. In diam leo in aliquam diam. Quis tincidunt commodo cras vitae tincidunt sociis ut amet rhoncus.
Another slide showcasing a feature
Quis suspendisse tincidunt malesuada convallis ut vel aliquam pulvinar diam. Mi rhoncus libero sollicitudin a viverra volutpat laoreet lectus. Neque quam orci eget venenatis eget adipiscing aliquam nibh. In diam leo in aliquam diam. Quis tincidunt commodo cras vitae tincidunt sociis ut amet rhoncus.
This is the final slide. Bye!
Quis suspendisse tincidunt malesuada convallis ut vel aliquam pulvinar diam. Mi rhoncus libero sollicitudin a viverra volutpat laoreet lectus. Neque quam orci eget venenatis eget adipiscing aliquam nibh. In diam leo in aliquam diam. Quis tincidunt commodo cras vitae tincidunt sociis ut amet rhoncus.