Skip to content

Latest commit

 

History

History
41 lines (24 loc) · 1.12 KB

README.md

File metadata and controls

41 lines (24 loc) · 1.12 KB

Bootstrap Tooltips Extension For Quarto

Easily add bootstrap tooltips to Quarto HTML documents.

Installation

quarto add astrowonk/quarto_tooltips

This will install the extension under the _extensions subdirectory. If you're using version control, you will want to check in this directory.

Usage

The goal of this extension is to make it easy to include bootstrap tooltips. This is accomplished with:

What is a tooltip? {{<tooltips tooltip="This is a tooltip" >}}
Screenshot 2024-12-07 at 12 59 03 PM

You can also have the link on text:

This is a tooltip on {{<tooltips tooltip="This is a tooltip on text." text='some text'>}}.

or change to a different bootstrap icon:


There will be a tooltip on this info-square icon: {{<tooltips tooltip="This is a tooltip on info-square" icon='info-square'>}}.

Example

Here is the source code for a quarto file that renders all of the above examples: example.qmd.