Banner
公告条 — 语义化类型、经过清理的 HTML 内容、可选的持久关闭功能。
安装
npx @cloudflare/nimbus-docs add banneryarn dlx @cloudflare/nimbus-docs add bannerpnpm dlx @cloudflare/nimbus-docs add bannerbunx @cloudflare/nimbus-docs add banner预览
<Banner variant="tip" content="我们正在招聘 — 请通过 <a href='#'>jobs@nimbus.dev</a> 联系我们。" />示例
可关闭
设置 dismissible 可添加关闭按钮。关闭状态会在页面加载时持久保留。
<Banner
variant="caution"
content="维护窗口:UTC 18:00 起 API 为只读模式。"
dismissible={{ id: "maint-2026-06", days: 1 }}
/>API 参考
组件接受的全部属性,均源自单一声明。
| Prop | Type |
|---|---|
contentrequired | string |
variant | "note" | "tip" | "caution" | "danger" |
dismissible | { id: string; days?: number } |