React 组件
UGNavbar 顶部导航栏
使用不易被两侧内容推偏的三段网格,组合品牌、站点导航与全局操作。
导入方式
按需从包入口导入组件,并在应用入口引入一次样式文件。
tsx
import { UGNavbar, UGNavbarStart, UGNavbarCenter, UGNavbarEnd } from '@ug666/ui-react'品牌居中
中心品牌保持几何居中,两侧操作内容不会把它推偏。
内容型顶栏
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| position | static | sticky | static | 普通文档流或吸顶布局。 |
| as | ElementType | nav | 设置根元素;作为 nav 时提供可访问名称。 |
| NavbarSection.align | start | center | end | — | 通用分区;也可直接使用三个命名成员。 |