横幅
在您的网站添加横幅
ImagineClip 文档我们使用 Cookie
必要 Cookie 用于保证应用正常运行。可选的分析、支持和营销 Cookie 帮助我们改进网站和服务。 Cookie 政策.
import { Banner } from 'fumadocs-ui/components/banner';
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}): React.ReactElement {
return (
<html lang="en">
<body>
<Banner>Hello World</Banner>
更改默认变体。
import { Banner }
默认情况下，横幅使用 style 标签来修改 Fumadocs 布局（例如减少侧边栏高度）。
您可以通过以下方式禁用它：
rainbow variantimport { Banner }
要允许用户关闭横幅，请给横幅一个 ID。
import { Banner }
状态将自动保持。