Display tooltip when hovering LinkButton

This commit is contained in:
Konrad Szwarc 2023-01-22 16:13:40 +01:00
parent a201528a97
commit 84e2d51396
2 changed files with 16 additions and 4 deletions

12
package-lock.json generated
View file

@ -8,13 +8,13 @@
"name": "devscard",
"version": "0.0.1",
"dependencies": {
"@astrojs/partytown": "1.0.2",
"@floating-ui/dom": "1.1.0",
"iconify-icon": "1.0.2",
"nanoid": "4.0.0"
},
"devDependencies": {
"@astrojs/image": "0.12.1",
"@astrojs/partytown": "1.0.2",
"@astrojs/react": "1.2.2",
"@astrojs/tailwind": "2.1.3",
"@percy/cli": "1.17.0",
@ -162,6 +162,7 @@
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/@astrojs/partytown/-/partytown-1.0.2.tgz",
"integrity": "sha512-+pUjLxdp0SYqUO+X+FjFN95KxK7w4Rs5gIMQ7scKUWd2073D3/5hTlij9qNmX5Bk/tFHUfTivKIZ5p233Lpa9Q==",
"dev": true,
"dependencies": {
"@builder.io/partytown": "^0.7.1",
"mrmime": "^1.0.0"
@ -602,6 +603,7 @@
"version": "0.7.5",
"resolved": "https://registry.npmjs.org/@builder.io/partytown/-/partytown-0.7.5.tgz",
"integrity": "sha512-Zbr2Eo0AQ4yzmQr/36/h+6LKjmdVBB3Q5cGzO6rtlIKB/IOpbQVUZW+XAnhpJmJr9sIF97OZjgbhG9k7Sjn4yw==",
"dev": true,
"bin": {
"partytown": "bin/partytown.cjs"
}
@ -5933,6 +5935,7 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
"integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
"dev": true,
"engines": {
"node": ">=10"
}
@ -9562,6 +9565,7 @@
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/@astrojs/partytown/-/partytown-1.0.2.tgz",
"integrity": "sha512-+pUjLxdp0SYqUO+X+FjFN95KxK7w4Rs5gIMQ7scKUWd2073D3/5hTlij9qNmX5Bk/tFHUfTivKIZ5p233Lpa9Q==",
"dev": true,
"requires": {
"@builder.io/partytown": "^0.7.1",
"mrmime": "^1.0.0"
@ -9891,7 +9895,8 @@
"@builder.io/partytown": {
"version": "0.7.5",
"resolved": "https://registry.npmjs.org/@builder.io/partytown/-/partytown-0.7.5.tgz",
"integrity": "sha512-Zbr2Eo0AQ4yzmQr/36/h+6LKjmdVBB3Q5cGzO6rtlIKB/IOpbQVUZW+XAnhpJmJr9sIF97OZjgbhG9k7Sjn4yw=="
"integrity": "sha512-Zbr2Eo0AQ4yzmQr/36/h+6LKjmdVBB3Q5cGzO6rtlIKB/IOpbQVUZW+XAnhpJmJr9sIF97OZjgbhG9k7Sjn4yw==",
"dev": true
},
"@emmetio/abbreviation": {
"version": "2.2.3",
@ -13698,7 +13703,8 @@
"mrmime": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
"integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw=="
"integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
"dev": true
},
"ms": {
"version": "2.1.2",

View file

@ -13,6 +13,12 @@ const classes = /* tw */ {
};
---
<a aria-label={name} href={url} target="_blank" class:list={[classes.main, classes.active, classes.focus]}>
<a
aria-label={name}
href={url}
target="_blank"
data-tooltip={name}
class:list={[classes.main, classes.active, classes.focus]}
>
<Icon name={icon} size={16} />
</a>