laif-ds/dist/agent-docs/components/HoverCard.md

Design System di Laif con componenti React basati su principi di Atomic Design

# HoverCard

## Overview

Small informational card that appears on hover. Built on Radix Hover Card.

---

## Exports

- `HoverCard`
- `HoverCardTrigger`
- `HoverCardContent` (props: `align = "center"`, `sideOffset = 4`)

---

## Example

```tsx
import { HoverCard, HoverCardTrigger, HoverCardContent, Button } from "laif-ds";

export function UserHover() {
  return (
    <HoverCard>
      <HoverCardTrigger asChild>
        <Button variant="outline">Hover me</Button>
      </HoverCardTrigger>
      <HoverCardContent className="w-64">
        <div className="space-y-1">
          <p className="font-medium">John Doe</p>
          <p className="text-sm text-muted-foreground">Frontend Engineer</p>
        </div>
      </HoverCardContent>
    </HoverCard>
  );
}
```