AI 분석
옵션 칩을 클릭하면 입력 필드로 날아가 선택 태그가 되고, 제거하면 목록으로 돌아가는 태그 선택 인터랙션이다.
밝은 배경 중앙에 TAGS 라벨, 선택 태그를 담는 입력 필드, 그 아래 옵션 칩이 줄바꿈 배치된 드롭다운 패널이 세로로 쌓인 단일 컴포넌트 구성이다. 회색 계열 산세리프 텍스트와 연보라빛 회색 칩 배경, 흰색 패널과 부드러운 그림자만 사용해 절제된 라이트 톤을 유지한다. 칩을 클릭하면 목록에서 빠져 입력 필드로 이동하며 흰색 바탕에 X 버튼과 그림자를 가진 선택 칩으로 바뀌고, 남은 칩들은 빈자리를 메우도록 재배치되며, 선택 칩을 제거하면 다시 목록으로 돌아간다. 멀티 셀렉트 입력에서 선택 상태 전환과 레이아웃 재배치 모션을 설계할 때 참고하기 좋다.
minimal · light-mode
claude-opus-5-5 · 2026-10-21 16:23 · 신뢰도 0.75
