Docs
Tour
Examples
Right-to-left tour

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();
Image alt text
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.