The HoverCard component can be used to display additional information when a user hovers over an element. It is useful for showing tooltips, additional details, or any other content that should be revealed on hover.
## Component Structure
```rust
// The HoverCard component wraps the trigger element and the content that will be displayed on hover.
HoverCard {
HoverCardTrigger {
// Anything inside the trigger (icon, text, rich markup) acts as the hover target.
{children}
}
HoverCardContent {
side: ContentSide::Bottom,
align: ContentAlign::Start,
{children}
}
}
```