Feature 114 - Linked rows with hover arrowsPro

About Feature 114

A heading and CTA above a two-column list of full-width link rows that slide their arrow and tint on hover.

Feature 114 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 86 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

• links
• rows
• list
• hover
• directory

Installation

1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
2. Run the Chocolate UI CLI:

npx chocolateui add feature-114

Dependencies installed automatically: lucide-react.

Uses: button, reveal, utils.

Usage

import Feature114 from "@/components/blocks/feature-114"

export default function Page() {
  return <Feature114 />
}

FAQ