Feature 10 - Icon-led bentoPro

About Feature 10

Icon-led bento: six bordered cells where three carry a live visual (a counting number, a notification feed, keyboard keys).

Feature 10 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 99 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.

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-10

Dependencies installed automatically: lucide-react.

Uses: animated-list, number-ticker, reveal, utils.

Usage

import Feature10 from "@/components/blocks/feature-10"

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

FAQ