컴포넌트 & 인스턴스

내비게이션 인스턴스 메뉴명 리셋

피그마 오픈카톡방2026. 3. 7.

질문사항

내비게이션 뎁스별로 컴포넌트를 만들고 최종 내비를 메인 컴포넌트로 사용 중입니다. 각 페이지에 내비게이션 인스턴스를 삽입하여 사용하면, 인스턴스 하위 메뉴를 열었을 때 입력했던 메뉴명이 리셋되는 현상이 발생합니다. 해결 방법이 있을까요?

내비게이션 인스턴스에서 하위 메뉴명이 리셋되는 현상을 방지하고 안정적으로 관리하려면, 컴포넌트 베리언트(Variants)를 활용하는 것이 효과적입니다.

방법: '기본(Default)' 상태와 '열린(Open)' 상태의 두 가지 컴포넌트 베리언트를 만들고, 이들을 하나의 컴포넌트 세트로 묶습니다.

적용: 프로토타입에서 'On Click' 시 'Change to' 액션을 사용하여 '열린' 상태의 베리언트로 전환되도록 설정하면, 메뉴명이 리셋되지 않고 의도한 대로 작동하게 됩니다.

이 방법을 통해 각 상태별로 메뉴 텍스트를 미리 정의하고 관리할 수 있습니다.