Getting started
Introduction
패키지가 제공하는 스타일·상호작용과 소비 앱이 맡을 제품 로직을 구분합니다.
경계부터 이해하기
Amineslab UI는 버튼, 입력, 레이어의 스타일과 상호작용을 제공합니다. 제품 화면의 구성을 대신하는 템플릿은 아닙니다.
정보 구조와 업무 흐름은 소비 앱에서 설계합니다. UI 패키지에서는 공개 props, 접근성 연결, 기본 테마와 CSS를 관리합니다.
사용 기준
권장하는 사용
- 역할별 토큰과 공개 컴포넌트를 사용하고, 제품 고유 패턴은 소비 앱에서 구현합니다.
피해야 할 사용
- 내부 DOM이나 컴포넌트 클래스에 의존하지 마세요.
- 공개 props와 토큰만 소비 앱에서 사용합니다.
확인 기준
- 공개 import 경로와 타입 선언에 맞춰 사용했는지 확인합니다.
- 라이트·다크 모드에서 정보와 포커스를 구분할 수 있어야 합니다.
- 390px 화면, 200% 확대, 키보드 탐색에서도 작업을 마칠 수 있어야 합니다.