The Concept

Ever used a <select> and <option>? The option knows if it's selected because the parent select tells it.

Compound Components do the same. You avoid passing isOpen props to every single child. Instead, the parent "broadcasts" the state to its kids.

Use this for: Accordions, Tabs, Dropdowns.

👉 Official Docs (Context)

<Toggle>
  <Toggle.On>It's ON!</Toggle.On>
  <Toggle.Off>It's OFF!</Toggle.Off>
  <Toggle.Button />
</Toggle>