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.import {XDSNavIcon} from '@xds/core/NavIcon'
Best 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. |