• primitive를 전체 설치하던, 각각 설치하던 자기 마음인것 같다.
• 나는 여기서 특정 UI만 설치했다. (아코디언 UI를 예로들겠다.)

npm install @radix-ui/react-accordion@latest -E

• 해당 UI 요소들을 전체로 불러온다.

// 전체를 Accordion이라는 객체안에 불러오겠다.
import * as Accordion from '@radix-ui/react-accordion';

function App(){
	return <h1>메인 페이지</h1>
}

return App

• 실제로 해당 깃헙의 packages/react/accordion/src/index.ts 루트에 들어가보면 export를 이런식으로 하고 있다. (총 10개의 컴포넌트를 export하고 있다. type 제외)

export {
  createAccordionScope,
  //
  Accordion,
  AccordionItem,
  AccordionHeader,
  AccordionTrigger,
  AccordionContent,
  //
  Root,
  Item,
  Header,
  Trigger,
  Content,
} from './Accordion';

// 밑에는 타입이라 위에것만 보자
export type {
  AccordionSingleProps,
  AccordionMultipleProps,
  AccordionItemProps,
  AccordionHeaderProps,
  AccordionTriggerProps,
  AccordionContentProps,
} from './Accordion';

• 콘솔로 console.log(Accordion) 을 찍어보면 다음과 같이 출력된다.