For sighted users to preview content available behind a link.
This component inherits props from the Hover Card primitive.
Contains all the parts of the hover card.
Wraps the link that will open the hover card.
Contains the content of the open hover card. This component is based on the div
element.
Prop | Type | Default |
---|---|---|
asChild | boolean | |
size | Responsive<"1" | "2" | "3"> | "2" |
width | Responsive<string> | |
minWidth | Responsive<string> | |
maxWidth | Responsive<string> | "480px" |
height | Responsive<string> | |
minHeight | Responsive<string> | |
maxHeight | Responsive<string> |
Use the size
prop to control the size.
Use the Inset component to align content flush with the sides of the hover card.