Contact card

Linked contact method with icon, label, and value

ContactCard renders a single external or internal link with a logo or icon, a primary label, and a secondary value string. An optional copy-to-clipboard button surfaces on copyable cards. Used on the Contact page to group methods by category.

With icon

Emailhello@example.com

With logo

LinkedInlinkedin.com/company/example

Internal link

ComponentsBrowse the component library

Group

Xx.com/example

Instagraminstagram.com/example

GitHubgithub.com/example

// From the npm package
import { ContactCard } from 'rift-ds/components/ContactCard/ContactCard';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/contact-card.json