Case Studies 16 - Long-form summary with sidebar factsPro
A single in-depth case study summary with challenge, solution and results sections in the main column and a sticky sidebar of company facts, products used and a call to action. Use it at the top of an individual customer story page or as a featured story on a customers index.
About Case Studies 16
A single in-depth case study summary with challenge, solution and results sections in the main column and a sticky sidebar of company facts, products used and a call to action. Use it at the top of an individual customer story page or as a featured story on a customers index.
Case Studies 16 is a pro case studies block for React, built on shadcn/ui and Tailwind CSS. It ships as 128 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.
- case studies
- long form
- sidebar
- facts
- challenge
- results
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/case-studies-16Dependencies installed automatically: lucide-react.
Uses: button, reveal, utils.
Usage
import CaseStudies16 from "@/components/blocks/case-studies-16"
export default function Page() {
return <CaseStudies16 />
}