Astryx Design System

Nav Icon@xds/core v0.0.14 · XDSNavIcon

Usage

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 application.

ts
import {XDSNavIcon} from '@xds/core/NavIcon'

Best practices

Guidance	Practices
Do	Use in navigation headers to provide a recognizable visual anchor for the section.
Do	Pass an XDSIcon or similarly sized icon component to ensure proper proportions.
Don't	Use NavIcon for interactive purposes; it is a display-only container, not a button.