Skip to content

导航项

@astryxdesign/core v0.7.1 · NavItem

名称类型默认值说明
labelstring-可见文字。图标模式下作为无障碍名称。
hrefstring-有地址且未禁用时渲染成链接。
asNavLinkComponent'a'链接根组件,例如 RouterLink。
targetstring-链接的 target。为 _blank 时自动补上 noopener noreferrer。
relstring-链接的 rel。
isSelectedbooleanfalse当前页。会设置 aria-current="page"。
isDisabledbooleanfalse禁用后渲染成按钮,不进入 Tab 顺序。
size'sm' | 'md' | 'lg''md'高度和内边距。
iconClassstring-图标的 CSS class,例如 i-carbon-home。
selectedIconClassstring-选中时替换 iconClass。
isIconOnlybooleanfalse只显示图标,文字留给读屏。
blockbooleanfalse占满所在行的宽度。
plainbooleanfalse去掉自己的底色,由外层负责外观。
expandedboolean-是否展开下级。不传则不设置 aria-expanded。
controlsstring-展开内容的 id,写到 aria-controls。
hasPopupstring-打开的弹出层类型,写到 aria-haspopup。
名称说明
click点击时触发。禁用时会先阻止默认行为。
名称说明
default替换可见文字。不传时使用 label。
icon图标。优先于 iconClass 的默认字形。
selectedIcon选中时的图标。
end文字右侧的附加内容,例如箭头或计数。
名称类型默认值说明
iconClassstring-圆形底上的 CSS 图标 class。
size'sm' | 'md' | 'lg''md'圆形的直径。
labelstring-有文字时作为图片的无障碍名称;不传则对读屏隐藏。