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';

Live Editor

introJs().setOptions({ nextLabel: 'بعد', prevLabel: 'قبل', doneLabel: 'اتمام', steps: [{ intro: '👋 سلام دنیا' }, { element: document.querySelector('.card-demo'), intro: 'یک مرحله دیگه' }, { title: 'بدرود', element: document.querySelector('.card__image'), intro: 'باحال نیست؟' }] }) .start();

introJs().setOptions({
  nextLabel: 'بعد',
  prevLabel: 'قبل',
  doneLabel: 'اتمام',
  steps: [{
    intro: '👋 سلام دنیا'
  },
  {
    element: document.querySelector('.card-demo'),
    intro: 'یک مرحله دیگه'
  },
  {
    title: 'بدرود',
    element: document.querySelector('.card__image'),
    intro: 'باحال نیست؟'
  }]
})
.start();

Result

Quaco Lighthouse

The Quaco Head Lighthouse is a well maintained lighthouse close to St. Martins. It is a short, beautiful walk to the lighthouse along the seashore.