AI 분석
프로필 헤더를 펼치면 결제 카드와 테마 토글, 메뉴 목록이 이어지는 드롭다운 컴포넌트다.
아바타와 이름, 역할 한 줄로 구성된 좁은 트리거 바가 클릭과 함께 세로 패널로 펼쳐지는 단일 컴포넌트 데모다. 패널은 프로필 헤더, 라운드 처리된 결제 카드, 라이트·다크 세그먼트 토글, 아이콘이 붙은 메뉴 항목 목록, 버전 표기가 있는 푸터 순서로 구획선을 두고 쌓인다. 다크 모드에서는 먹색 카드와 흐린 경계선을, 라이트 모드에서는 흰 배경과 하늘색 그라데이션 카드를 쓰며 상태 전환이 카드 색과 토글 위치로 동시에 드러나고 마지막 항목만 빨간 계열로 파괴적 동작을 구분한다. 펼침·접힘 높이 애니메이션과 호버 하이라이트, 두 테마 대응까지 한 컴포넌트 안에 담겨 드롭다운 설계 레퍼런스로 유용하다.
minimal · dark-mode · light-mode · techy
claude-opus-5 · 2026-09-22 07:40 · 신뢰도 0.82
