+
+ Intro.js Language Import Example
+
+
+
This example demonstrates how to import language files directly from intro.js and use them in your tours.
+
+
+
+
+
+
+
+
+
+
+
Step 2: Content Area
+
This area contains some sample content for the tour demonstration.
+
+
+
+
Step 3: Features Section
+
This section showcases different features and capabilities.
+
+
+
+
Step 4: Final Section
+
This is the last step of our tour. Thank you for following along!
+
+
+
Code Examples
+
+
Method 1: ES6 Module Import (Recommended)
+
+// Import specific language files
+import introJs, { es_ES, fr_FR, de_DE, fa_IR } from 'intro.js';
+
+// Use imported language
+function startSpanishTour() {
+ introJs.tour().setOptions({
+ language: es_ES,
+ showStepNumbers: true,
+ steps: [
+ { element: '#step1', intro: 'Bienvenido al ejemplo' },
+ { element: '#step2', intro: 'Este es el segundo paso' },
+ { element: '#step3', intro: 'Aquí puedes ver más características' },
+ { element: '#step4', intro: 'Este es el paso final' }
+ ]
+ }).start();
+}
+
+
+
Method 2: Dynamic Import (For Lazy Loading)
+
+// Dynamic import for lazy loading
+async function startSpanishTour() {
+ const { es_ES } = await import('intro.js');
+
+ introJs.tour().setOptions({
+ language: es_ES,
+ steps: [/* your steps */]
+ }).start();
+}
+
+
+
Method 3: CommonJS Require (Node.js)
+
+// CommonJS import
+const introJs = require('intro.js');
+const { es_ES, fr_FR } = require('intro.js');
+
+// Use the imported language
+introJs.tour().setOptions({
+ language: es_ES
+}).start();
+
+