1. 기능과 형태는 독립적이다.
<aside>
💡 기능을 사용하는데 있어서 특정 형태로 제약되지 않아야한다.
</aside>
<aside>
💡 옵션을 선택하는 것과 그것을 어떻게 표현해야 하는 것은 별개이다.
</aside>
- 파란색 영역을 켰다 껐다하는 것은 “기능”이고, 노란색 영역은 “형태”일 뿐이다.
- Modal Component도 Trigger Component 여야만 한다.
2. 기본 동작을 보장해야한다.
- 컴포넌트 간에 외부로 드러나지 않는 상태관리가 존재하지 않는 것이 Compound Component의 특징이다. 노출되지 않는 다는 것은 감싸고 있는 부모 컴포넌트에서 Context API로 상태가 관리되고 있다는 것이다.