🚀  Astro — Tooltips

Progressively enhanced. This component globally override regular `title` attributes on all links with Tippy.js tooltips.

Components

Keywords:

  • astro
  • astro-component
  • tooltips
  • native
  • vanilla
  • progressive
  • javascript
  • links

Component live demo


🚀  Astro — Tooltips

Progressively enhanced.
This component globally override regular title attributes on all links with Tippy.js tooltips.

📦  Installation

pnpm i @julian_cataldo/astro-tooltips

🛠  Usage

---
import Tooltips from '@julian_cataldo/astro-tooltips/Tooltips.astro';
// ...
---
<!-- ... -->
<head>
  <!-- Place component inside HEAD tag -->

  <Tooltips />

  <!-- ... -->
</head>

// use the regular title attribute on A tags

<a href='#' title='Hello!'>Tooltip</a>


// tooltip placement control

<a href='#' title='Hello!' data-tooltip-placement='left'>Tooltip left</a>

To do

  • Theming
    • Override
    • Docs

LIVE DEMO  🎭  DOCUMENTATION WEBSITE ⎋

Live demo website

code.juliancataldo.com

🔗  JulianCataldo.com

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.10.14 (2022-07-24)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.13 (2022-07-18)

Bug Fixes

  • move css to frontmatter (386fb9d)

0.10.12 (2022-06-28)

Bug Fixes

  • extract client for typescript support (d983140)
  • must move scss to global import (39b0c55)
  • proper typings (adaf993)

0.10.11 (2022-06-26)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.10 (2022-06-25)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.9 (2022-06-22)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.8 (2022-06-21)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.7 (2022-06-20)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.6 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.5 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.4 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.3 (2022-06-19)

Bug Fixes

  • unneeded scss import, crash (5c6c2b0)

0.10.2 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.1 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-tooltips

0.10.0 (2022-06-19)

Features

  • init app tooltips component (e958898)
...