Right-to-left tour
Intro.js supports RTL by default. Simply include introjs-rtl.css and customize buttons:
import * as style from 'intro.js/introjs-rtl.css';or include the CSS file from CDN in your HTML:
<link type="text/css" href="https://cdn.jsdelivr.net/npm/intro.js/introjs-rtl.css" rel="stylesheet" />introJs().setOptions({
nextLabel: 'بعد',
prevLabel: 'قبل',
doneLabel: 'اتمام',
steps: [{
intro: '👋 سلام دنیا'
},
{
element: document.querySelector('.card-demo'),
intro: 'یک مرحله دیگه'
},
{
title: 'بدرود',
element: document.querySelector('.card__image'),
intro: 'باحال نیست؟'
}]
})
.start();