组件 · 导航
顶栏 Topbar
页面顶部一条:标题 + 少量图标按钮。
演示
<header class="xxd-topbar"><span class="xxd-topbar__title">提示词</span><button class="xxd-btn" data-variant="ghost" data-icon-only aria-label="搜索"><i data-xxd-icon="Search"></i></button></header>属性与类名
| 属性 / 类名 | 说明 |
|---|---|
| 类名 | xxd-topbar xxd-topbar__title |
键盘与读屏
- 只有图标的按钮都要有 aria-label
- 整页只有一个顶栏时可以用 <header>(banner)
规则
- 56px,分隔线属于这一行