Component Libraries

컴포넌트 라이브러리 도입 기준표

버튼, 모달, 탭, 폼처럼 반복되는 UI를 빌릴 때는 속도뿐 아니라 focus trap, design token, bundle size, 프레임워크 호환성을 함께 계산한다.

컴포넌트 API·테마·번들 비용 비교

headless vs styled kit

Modal · Tabs · Dropdown

닫기 버튼, overlay, active tab, menu state 같은 반복 상호작용을 API로 가져온다.

focus trap · roving tabindex

Dialog, Menu, Combobox가 키보드 이동과 aria-expanded/controls를 제대로 처리해야 한다.

design token override

CSS 변수, theme provider, class slot으로 브랜드 색과 density를 덮어쓸 수 있어야 한다.

bundle · CSS reset 비용

tree shaking, SSR 지원, 버전 업데이트, 전역 reset 충돌을 도입 전에 확인한다.

component inventoryAPI fittoken mappinga11y QA
도입 계약

UI 라이브러리는 화면을 자동 완성하는 도구가 아니라 컴포넌트 API와 스타일 시스템을 프로젝트에 들여오는 결정이다. 토큰 매핑과 접근성 QA까지 함께 잡는다.