Feature 266 - Icon-less nine-cell text gridPro

A centered header above a three-by-three grid of text-only cells with mono index labels, sharing hairline borders so the grid reads as one table.

About Feature 266

A centered header above a three-by-three grid of text-only cells with mono index labels, sharing hairline borders so the grid reads as one table.

Feature 266 is a pro feature block for React, built on shadcn/ui and Tailwind CSS. It ships as 83 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.

  • typographic
  • grid
  • minimal
  • no-icons

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/feature-266

Uses: button, reveal, utils.

Usage

import Feature266 from "@/components/blocks/feature-266"

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

FAQ