@gridui /网站头
着陆的家庭。公共API: SiteHeader, SiteHeaderProps.
从 @gridui/site-header 和负载 @gridui/site-header/styles.css 后的主题。
此家族使用的任何组合依赖项的加载样式。应用程序拥有自己的路由、标签、状态持久化和品牌。
框架布局
SiteHeader接受完整的公共 FrameHeaderProps 合同,包括本地合同
头部道具和裁判。 padding 接受GridUI间距值或
{ base, md?, lg? };断点是40rem和64rem,缺少值
继承前一个断点。 gap 接受GridUI间距值,
wrap 控制包装,以及 justify 选择 "start" 或者 "between".
<SiteHeader
padding={{ base: 24, lg: 32 }}
wrap
gap={16}
justify="between"
>
<strong>Product</strong>
<nav aria-label="Main navigation">...</nav>
</SiteHeader>
省略这些选项将保留组合的默认值:不换行,有空格
间隙为24,开始对齐,帧头填充为16,低于40rem和24at
更大的宽度。布局选项设置内容表面的样式;本地的 style 和
className 继续应用于外部标题元素。