List Group Custom Content

A vertically stacked list of linked items where each entry can show a heading, timestamp, and supporting text, with the active item highlighted in a solid accent color.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds List Group Custom Content to your project and fits it to your theme.

import ListGroupCustomContent from "@/components/ui/list-group-custom-content";

export default function ListGroupCustomContentDemo() {
  return (
    <div className="w-full max-w-md p-4">
      <ListGroupCustomContent />
    </div>
  );
}