使用方法

NavIcon 是一个圆形底、带强调色的图标容器。放在 TopNavHeading、PageNavHeader 这类导航标题里，让人一眼认出这是哪个分区或哪个应用。

import { NavIcon } from '@astryx-vue/core/NavItem'

图标可以用 iconClass 传一个 CSS 图标类，也可以把图标元素直接放进默认插槽。

解剖

部分	说明
圆形底	圆形的着色容器，里面装着传进来的图标。
图标	调用方给的可视内容，画在圆形底里。

最佳实践

指引	实践
推荐	放在导航标题里，给这个分区一个认得出的视觉锚点。
推荐	传 Icon，或尺寸接近的图标组件，比例才不会变形。
避免	别拿 NavIcon 当按钮用。它只是展示用的容器。

示例

常见的用法和不同的状态。

基本用法

包着语义图标的圆形底容器。可以当标志，也可以当前导航标题里的强调图标。