侧边导航标题
@astryxdesign/core v0.7.1 · SideNavHeading
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
heading | string | — | 产品或应用的名字。侧栏收起后只剩图标时,它也是读屏读到的名字。必填。 |
headingHref | string | — | 标题的链接,一般指向产品首页。没有菜单时,整段标题是一个大链接。 |
superheading | string | — | 标题上面那行小字,例如套件名。 |
superheadingHref | string | — | 上方小字的链接。和菜单一起用时,这行小字自己是一个独立链接。 |
subheading | string | — | 标题下面那行小字,例如当前账户。 |
subheadingHref | string | — | 下方小字的链接。和菜单一起用时,这行小字自己是一个独立链接。 |
logoLabel | string | heading | 图标单独成链接、旁边又没有可读文字时,给读屏用的名字。 |
as | NavLinkComponent | 'a' | 链接换成别的根组件时用,例如 RouterLink,它还会一并收到 to。只有写了地址才会用到。 |
插槽
icon:文字前面的标志,可以是NavIcon、图片或者任意元素。侧栏收起后,它就是整个标题。menu:标题的弹出菜单内容。给了它,标题旁边会自动出现箭头。没有地址时点整段标题打开菜单;有地址时链接各管各的。插槽参数有close和focusRequest。end:标题这一行的末尾,例如放一个徽标。