SUISSolid UI System

동작 primitive, 스타일 컴포넌트, 테마 API를 제공하는 SolidJS UI 라이브러리입니다.

동작 Primitive

Popup, Select, Tooltip, CheckBox, FocusManager, polymorphic 요소를 위한 접근성 있는 상호작용을 조합합니다.

스타일 Kit

SUIS primitive, vanilla-extract 스타일, 컴포넌트 단위 테마 contract를 기반으로 한 Solid 컴포넌트를 바로 사용할 수 있습니다.

커스터마이징 가능한 테마

컴포넌트 토큰을 먼저 사용하고, 그다음 semantic vars, 마지막으로 raw design token을 사용해 커스터마이징합니다.

시작하기

SUIS는 두 패키지로 나뉩니다.

@suis-ui/kit은 스타일 컴포넌트, 테마 API, SUIS CSS 엔트리포인트를 제공합니다.
@suis-ui/primitives는 커스텀 컴포넌트 조합을 위한 동작 중심 primitive를 제공합니다.

소개를 읽고, 디자인 원칙을 확인하거나 커스터마이징으로 바로 이동하세요.

패키지

바로 사용할 수 있는 UI가 필요하면 Kit 컴포넌트를 사용하세요. 마크업과 스타일을 직접 소유하면서 SUIS 동작만 재사용하려면 Primitives를 사용하세요.