Astryx Design System

Nav Icon@astryxdesign/core v0.0.15 · NavIcon

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 {NavIcon} from '@astryxdesign/core/NavIcon'

Best practices

Guidance	Practices
Do	Use in navigation headers to provide a recognizable visual anchor for the section.
Do	Pass an Icon 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.