Railbase
GPTClaude

Hover Card

A card that appears when hovering over a trigger (for previews).

Updated

Default
<HoverCard>
  <HoverCardTrigger asChild><Button variant="link">@railbase</Button></HoverCardTrigger>
  <HoverCardContent class="w-64 text-sm text-left">The single-binary backend platform — hover to learn more.</HoverCardContent>
</HoverCard>

A card that appears when hovering over a trigger (for previews).

Installation

railbase ui add hover-card

Note

railbase ui add also copies shared primitives — they ship alongside this component automatically.

Usage

import { HoverCard, HoverCardTrigger, HoverCardContent } from "@/lib/ui/hover-card";

<HoverCard>
  <HoverCardTrigger>@railbase</HoverCardTrigger>
  <HoverCardContent>The Railbase team.</HoverCardContent>
</HoverCard>

Anatomy

Exported parts: HoverCard · HoverCardTrigger · HoverCardContent

← PreviousFormNext →Input