HoverCard
When a user hovers over an element, HoverCard is used to display a tooltip or additional information, similar to a tooltip but typically containing more content.
Basic
Mini Style
Mini-style hover card for compact layouts
Rounded Style
Rounded design hover card for softer visual appeal
With Image
Image-integrated hover card for content previews
With Profile
User profile hover card for displaying user information
With Link
Link-enabled hover card for quick navigation
Two Cols
Two-column hover card layout for comparative information display
Animation
Slide Animation
Slide-animated hover card for dynamic effect
Code snippet not found, please check if the component name is correct
Scale Animation
Scale-animated hover card for enhanced visual impact
Code snippet not found, please check if the component name is correct
Stagger Animation
Hover card with staggered entry animation for enhanced dynamic experience
Code snippet not found, please check if the component name is correct
Scene
With Links
Hover card with multiple links
Code snippet not found, please check if the component name is correct