메인 콘텐츠로 건너뛰기

lh-ui-react

중국풍 디자인의 엔터프라이즈급 React 컴포넌트 라이브러리

lh-ui-plus와 동형·동원으로 디자인 토큰, 컴포넌트 로직, 스타일을 공유합니다. React 18 / 19를 지원합니다.

동원·동형

컴포넌트 로직은 @lh-ui/share/core에서 가져와 lh-ui-plus(Vue 3), lh-ui-vue2와 중복 없이 공유되며, props 이름과 의미가 동일합니다.

React 18 / 19

forwardRef ref 전달, 메모이제이션된 Context 값, StrictMode 안전성, SSR 친화성 — 두 메이저 버전을 모두 고려해 설계했습니다.

필요한 만큼 가져오기

테마와 컴포넌트 스타일을 필요할 때 가져오며, 번들러는 사용하지 않는 스타일을 정확히 제거합니다. 전체 번들의 부작용이 없습니다.

중국풍 수묵

5가지 프리셋 색상 팔레트(cerblue / songhua / zhusha / shuimo / golden), 문양 배경 시스템, 라이트·다크 양쪽 모드.

접근성

ARIA 시맨틱, 키보드 상호작용, 포커스 관리는 모두 공유 계층에 정의되어 각 플랫폼에서 일관되게 구현되며, APG 패턴을 따릅니다.

완전한 타입 지원

TypeScript로 작성되었고 tsc 미러가 d.ts를 직접 내보내며, props 타입은 Vue 버전과 1:1로 대응합니다.