Overlays

HoverCardHeader

Add media, a title, a subtitle, and an action to a HoverCard preview.

HoverCardHeader combines media, a title, a subtitle, and an action inside a HoverCard preview.

Import

TSX

import { HoverCardHeader } from "@solarius/onset";

HoverCardHeaderProps props

Prop	Type	Default	Description
`media`	`ReactNode`	—	Avatar, logo, or status dot.
`title`	`ReactNode`	—	Name or heading.
`subtitle`	`ReactNode`	—	Handle, email, or secondary label.
`action`	`ReactNode`	—	Right-aligned action content.

HoverCardHeader