Design Patterns · Junior · Question 52 of 75

What are compound components?

<Tabs>
  <Tabs.List><Tabs.Tab>One</Tabs.Tab></Tabs.List>
  <Tabs.Panel>Content</Tabs.Panel>
</Tabs>

✓Correct answer: A set of components that work together and share implicit state (often via Context), giving the user flexible markup
2Components that inherit from each other
3Components compiled into one file

Explanation

Users arrange the parts freely instead of passing a huge config object, like native <select> and <option>.

Further reading

patterns.dev: Compound Pattern ↗

Test yourself

Take the Design Patterns · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.