Nav Icon

Import

import {NavIcon} from '@astryxdesign/core/NavIcon';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

NavIcon is a circular icon container with an accent-colored background. Use it in navigation headers such as TopNavHeading and PageNavHeader to visually identify a section or ap...

Important props

이 컴포넌트는 주요 variant prop보다 children/compound pattern 중심으로 사용합니다.

Theming targets

Best practices

• DoUse in navigation headers to provide a recognizable visual anchor for the section.
• DoPass an Icon or similarly sized icon component to ensure proper proportions.
• Do notUse NavIcon for interactive purposes; it is a display-only container, not a button.