Intro.js documentationHomepageHomepageQuick StartQuick StartSupportSupportBlogBlog
GitHubGitHub (opens in a new tab)
  • Introduction
    • Install Intro.js
    • Quick Start
    • License
      • Async/Await callbacks
      • Confirm before exit
      • CSS ClassName
      • Disable element interaction
      • Don't Show Again
      • Floating tooltip
      • HTML in tooltip
      • JSON configuration
      • Progress bar
      • Right-to-left tour
      • Scrollable element
      • Tooltip positions
      • Tour for SVG elements
      • Tour Hello World
      • Tour without bullets
      • Tour without buttons
    • Tour API
    • Tour HTML Attributes
    • Tour Options
      • Hints Hello World
    • Hints API
    • Hints HTML Attributes
    • Hints Options
    • Install themes
    • Intro.js Themes
    • Add your Intro.js wrapper
    • Intro.js Angular
    • Intro.js Dart
    • Intro.js Drupal
    • Intro.js Ember
    • Intro.js GWT
    • Intro.js Magento
    • Intro.js R
    • Intro.js Rails
    • Intro.js React
    • Intro.js Wordpress
    • Intro.js Yii
    • Intro.js Yii2
    • Build Intro.js
    • Intro.js Changelog
  • More
  • Community
  • Support

On This Page

  • data-hint
  • data-hint-position
Question? Give us feedback → (opens in a new tab)
Docs
Hints
Hints HTML Attributes

Hints HTML Attributes

You can use these HTML attributes to manage or alter hint elements.

data-hint

The tooltip text of hint

data-hint-position

Optionally define the position of hint.

Options: top-middle, top-left, top-right, bottom-left, bottom-right, bottom-middle, middle-left, middle-right, middle-middle. Default: top-middle

Hints APIHints Options

2024 © Intro.js.