refactor: use button for accesibility
This commit is contained in:
parent
bb47054990
commit
169c1065ce
1 changed files with 6 additions and 2 deletions
|
|
@ -65,9 +65,13 @@ export function RetentionCategoryBadges({ categories, className }: RetentionCate
|
||||||
return (
|
return (
|
||||||
<HoverCard>
|
<HoverCard>
|
||||||
<HoverCardTrigger asChild>
|
<HoverCardTrigger asChild>
|
||||||
<div className={cn("cursor-pointer", className)}>
|
<button
|
||||||
|
type="button"
|
||||||
|
className={cn("cursor-pointer bg-transparent p-0 border-0", className)}
|
||||||
|
aria-label={`View ${categories.length} retention categories`}
|
||||||
|
>
|
||||||
<Badge category={`${categories.length} tags`} />
|
<Badge category={`${categories.length} tags`} />
|
||||||
</div>
|
</button>
|
||||||
</HoverCardTrigger>
|
</HoverCardTrigger>
|
||||||
<HoverCardContent className="w-auto p-2">
|
<HoverCardContent className="w-auto p-2">
|
||||||
<div className="flex flex-wrap gap-1">
|
<div className="flex flex-wrap gap-1">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue