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