React 组件

UGNavbar 顶部导航栏

使用不易被两侧内容推偏的三段网格,组合品牌、站点导航与全局操作。

导入方式

按需从包入口导入组件,并在应用入口引入一次样式文件。

tsx
import { UGNavbar, UGNavbarStart, UGNavbarCenter, UGNavbarEnd } from '@ug666/ui-react'

品牌居中

中心品牌保持几何居中,两侧操作内容不会把它推偏。

内容型顶栏

属性

属性类型默认值说明
positionstatic | stickystatic普通文档流或吸顶布局。
asElementTypenav设置根元素;作为 nav 时提供可访问名称。
NavbarSection.alignstart | center | end通用分区;也可直接使用三个命名成员。