feat(SW-892) Show toolTip on button hover

This commit is contained in:
Pontus Dreij
2024-11-14 14:52:30 +01:00
parent 87713d1332
commit 9ec366a500
3 changed files with 38 additions and 27 deletions

View File

@@ -3,7 +3,6 @@ import { useFormContext } from "react-hook-form"
import { HeartIcon, InfoCircleIcon } from "@/components/Icons"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import { Tooltip } from "@/components/TempDesignSystem/Tooltip"
import styles from "./chip.module.css"
@@ -20,7 +19,7 @@ export default function FilterChip({
value,
selected,
disabled,
tooltipText,
hasTooltip,
}: FilterChipProps) {
const { register } = useFormContext()
@@ -45,11 +44,11 @@ export default function FilterChip({
<Caption type="bold" color={color} className={styles.caption}>
{label}
</Caption>
{tooltipText && (
<Tooltip text={tooltipText} position="bottom" arrow="right">
<InfoCircleIcon color={color} height={iconHeight} width={iconWidth} />
</Tooltip>
{hasTooltip && (
<InfoCircleIcon color={color} height={iconHeight} width={iconWidth} />
)}
<input
aria-hidden
id={id || name}