Banner
Add a banner to your site
ImagineClip 문서쿠키를 사용합니다
필수 쿠키는 앱이 정상적으로 동작하는 데 필요합니다. 선택적 분석, 지원, 마케팅 쿠키는 사이트와 서비스를 개선하는 데 도움이 됩니다. 쿠키 정책.
Add a banner to your site
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>
Change the default variant.
import { Banner }
By default, the banner uses a style tag to modify Fumadocs layouts (e.g. reduce the sidebar height).
You can disable it with:
rainbow variantimport { Banner }
To allow users to close the banner, give the banner an ID.
import { Banner }
The state will be automatically persisted.