Case Study Section

Case study chapter with a sticky numbered label, styled prose, pull quotes, outcome metrics and figures that can span the label column.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/case-study-section

First time? Add the @portfolio-kit registry to components.json

components.json

{
  "registries": {
    "@portfolio-kit": "https://www.parthjadhav.com/products/portfolio-kit/r/{name}.json"
  }
}

Close a case study with the numbers that moved and a pull quote from the client.

Captioned figures that fill the text column, or go wide to break out across the label column.

The stacked layout puts the label above the content, so chapters can sit beside a scrollspy table of contents.