<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Compound Components — how React components share state without props</title>

<meta name="description" content="An interactive look at the compound component pattern in React — Tabs and an Accordion built so children share state through Context, not prop drilling. See the shared state, the clean declarative markup, and the alternative it replaces." />

</head>

<body>

<div id="root"></div>

<script type="module" src="/src/main.tsx"></script>

</body>