Nested Support Smoke 20260604

Component

About

Smoke test component with nested local support files, assets, CSS imports, and multiple demos.

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

Code

How Nested Support Smoke 20260604 is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import React from "react"
import NestedPanel from "@/components/ui/nested-support-smoke-20260604-002"
import { demoCaption } from "../components/ui/nested-support-smoke-20260604-002-utils/demo-caption"
import { sharedPanelLabel } from "../components/ui/nested-support-smoke-20260604-002-utils/shared"
import "../components/ui/nested-support-smoke-20260604-002-utils/primary-demo.css"

export default function PrimaryDemo() {
  return (
    <main className="primary-smoke-demo">
      <NestedPanel title={demoCaption("primary")} amount={12} />
      <p>{sharedPanelLabel("demo")}</p>
    </main>
  )
}