Tooltip Color Themes

Example

Dark Theme

Tooltip
Open
Close

Test

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

Light Theme

Tooltip
Open
Close

Test

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

Tooltips Placement

You can position tooltip with below options. Simply add it to the data-tippy-placement attrubute.

Example

  • top-start
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • top-end
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • right
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • right-start
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • right-end
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • bottom
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • bottom-start
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • bottom-end
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • left
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • left-start
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • left-end
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • auto
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • auto-start
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link

  • auto-end
    Open
    Close

    Test

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A architecto aspernatur autem blanditiis Link