깃헙 주소 : https://github.com/radix-ui/primitives/tree/main/packages/react/accordion

사용법 메뉴얼 : https://www.radix-ui.com/primitives/docs/components/accordion

1. 스타일을 적용하지 않고 컴포넌트만 import 했을때 증거 사진

   

   • 트리거 1, 2, 3 이 각각의 트리거 버튼이다.
   • 트리거 밑에 나오는 텍스트가 accordion 열렸을때의 텍스트이다.
   • 해당 코드

2. 스타일을 적용했을때

   

   • stylesheet를 따로 만들어서 스타일을 부여해 주니깐 위와같이 나왔다.
   • 스타일 코드

정리

• 스타일을 먹지 않으면 못생긴 아코디언이 나온다.
• compound component로 구성되어있는데 내부는 어떻게 되어있는지 한번 살펴 보아야겠다.