Preview CardA popup that appears when a link is hovered, showing a preview for sighted users.Made by imskyleenEdit on GitHubPreviewCodeOpen in PreviewCarddelaycloseDelayPreviewCardContentsidesideOffsetalignalignOffset Installation CLIManual Usage <PreviewCard> <PreviewCardTrigger>Hover me</PreviewCardTrigger> <PreviewCardContent>Preview card content</PreviewCardContent> </PreviewCard> Props DocsAPI Reference Animate UI Props PreviewCardContent PropTypepositionerClassName?stringmotionProps?HTMLMotionProps<'div'>popupProps?typeof PopoverPrimitive.Popuptransition?Transition Credits We use Base UI for the preview card component. We take our inspiration from Shadcn UI for the preview card style. PopoverAn accessible popup anchored to a button.Progress newDisplays an indicator showing the completion progress of a task, typically displayed as a progress bar.
