사용 시나리오 · Syidax Design System

입력과 제출#

회원가입, 환경 설정, 승인 요청처럼 정보를 입력하고 확정하는 화면에 사용합니다. 입력 요소에는 이름을 명확히 지정하고, 최종 동작은 Primary Button으로 표현합니다.

상황	컴포넌트	구성 방법
텍스트 입력	Input · Label	입력 목적을 레이블로 설명합니다.
선택지 입력	Select · Radio	선택지 수와 화면 공간에 맞춰 선택합니다.
확정·저장	Button	처리 중에는 loading을 사용해 중복 실행을 막습니다.

여러 업무 화면을 오가는 관리 도구에서는 현재 위치와 이동 경로를 명확히 표시하세요. 같은 수준의 화면 전환에는 Tabs, 계층 구조의 탐색에는 Menu와 Breadcrumb을 사용할 수 있습니다.

동작 직후에는 결과를 전달하고, 시간이 걸리는 작업에는 진행 상태를 표시합니다. 오류처럼 이후 동작에 영향을 주는 정보는 사라지는 알림에만 의존하지 마세요.