用途:<sgds-subnav> 是一个水平二级导航栏,通常放在 <sgds-mainnav> 下方,用于展示某个板块下的次级导航链接,可选配右侧操作按钮。
主要能力:支持通过 header 插槽传入分区标题(如 <h5>);默认插槽放置 <sgds-subnav-item> 导航项;actions 插槽放置 <sgds-button> 等操作按钮。每个子项可设置 active(标记当前所在分区)与 disabled(禁用该项)。
使用方式:先参照 sgds-components-setup 完成安装与框架集成(React 19+ 与 React ≤18、Vue、Angular)。基本结构为 <sgds-subnav> 内放 header 插槽标题、若干 <sgds-subnav-item>,其中嵌套 <a href> 作为导航链接;需要按钮时在 actions 插槽加入 <sgds-button size="sm">。
注意:<a> 标签必须放在 <sgds-subnav-item> 内,不能直接放裸文本或外部锚点;同一时间只应有一个子项带 active;actions 中的按钮应使用 size="sm" 以匹配紧凑高度。组件不暴露自定义属性、CSS 变量或 CSS parts,不支持样式修改,也没有自定义事件或公开方法。
限制:资料未提供更多安装细节、平台兼容性与版本要求,需另查 sgds-components-setup。