Factory for Good

Hover Card

For sighted users to preview content available behind a link.

Installation

pnpm dlx shadcn@latest add hover-card

Usage

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

For sighted users to preview content available behind a link.

Field

Combine labels, controls, and help text to compose accessible form fields and grouped inputs.

Input

A text input component for forms and user data entry with built-in styling and accessibility features.

On this page

InstallationUsage