aboutsummaryrefslogtreecommitdiff
path: root/src/lib/minecraft/MinecraftTooltip.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/minecraft/MinecraftTooltip.svelte')
-rw-r--r--src/lib/minecraft/MinecraftTooltip.svelte26
1 files changed, 26 insertions, 0 deletions
diff --git a/src/lib/minecraft/MinecraftTooltip.svelte b/src/lib/minecraft/MinecraftTooltip.svelte
new file mode 100644
index 0000000..9c4e274
--- /dev/null
+++ b/src/lib/minecraft/MinecraftTooltip.svelte
@@ -0,0 +1,26 @@
+<!--
+ @component
+
+ A tooltip that looks like when you hover over a Minecraft item in an inventory. This requires JavaScript.
+ -->
+
+<span class="minecraft-tooltip">
+ <span class="tooltip-name">
+ <slot name="name" />
+ </span>
+ <span class="tooltip-lore">
+ <slot name="lore" />
+ </span>
+ <slot />
+</span>
+
+<style>
+ .minecraft-tooltip {
+ height: fit-content;
+ }
+ /* these elements exist so we can copy them later from GlobalTooltip */
+ .tooltip-name,
+ .tooltip-lore {
+ display: none;
+ }
+</style>