Should flag

Nested cards (cardocalypse)

Outer Card

Inner Card

Card inside card.

Level 1

Level 2

Level 3 — nesting inception.

Outer (CSS)

Inner card via CSS.

shadcn-style Outer Card

Another shadcn Card nested inside.

Should pass

shadcn Card sub-components (not nested cards)

Card Title

Card description goes here.

CardContent — a sub-section, not a nested card. No shadow, no border-radius of its own.

Card with form inputs

Settings

Card with code block

Installation

npm install @acme/sdk

Card with badges

Tags

React TypeScript Tailwind

Card with image

Project Preview

Image with rounded corners and shadow.

Pricing cards (intentionally similar)

Free

$0

Pro

$29

Enterprise

Custom