17 lines
No EOL
423 B
Svelte
17 lines
No EOL
423 B
Svelte
<script lang="ts">
|
|
import * as Tooltip from "$lib/components/ui/tooltip";
|
|
|
|
interface Props {
|
|
text: string;
|
|
hover: string;
|
|
colors: string;
|
|
}
|
|
let { text, hover, colors }: Props = $props();
|
|
</script>
|
|
|
|
<Tooltip.Root>
|
|
<Tooltip.Trigger class="px-2 py-1 {colors} font-semibold">{text}</Tooltip.Trigger>
|
|
<Tooltip.Content>
|
|
<p>{hover}</p>
|
|
</Tooltip.Content>
|
|
</Tooltip.Root> |