Multi Demo Support E2E

Component

About

E2E fixture for multiple demos and component/demo support dependencies.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Multi Demo Support E2E to your project and fits it to your theme.

Code

How Multi Demo Support E2E is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import MultiDemoCard from "@/components/ui/multi-demo-support-e2e-20260604-001"
import { denseCaption } from "../components/ui/multi-demo-support-e2e-20260604-001-utils/dense-caption"
import "../components/ui/multi-demo-support-e2e-20260604-001-utils/dense-demo.css"

export default function DenseDemo() {
  return (
    <main className="dense-demo">
      <MultiDemoCard label="dense mode" count={11} />
      <p>{denseCaption(3)}</p>
    </main>
  )
}