Highlighted Heading

A subtitle pill with subtle pulsing corner dots, used to anchor short taglines under a page heading.

A subtitle worth highlighting

Installation

$ pnpm dlx shadcn@latest add https://krishnapaulraj.com/r/highlighted-heading.json

Usage

import HighlightedHeading from "@/components/highlighted-heading";

<HighlightedHeading className="my-4">
  A subtitle worth highlighting
</HighlightedHeading>

API Reference

HighlightedHeading

Prop	Type	Description
children*	React.ReactNode	Content rendered inside the heading.
className	string	Additional Tailwind classes merged onto the root element.