技能名称：cookie-consent-banner
详细描述：

使用OrbCafe UI的Cookie同意横幅

本技能演示了如何使用OrbCafe UI库实现一个Cookie同意横幅。

OrbCafe UI是一个面向React和Next.js的企业级UI库，提供标准化布局、报表和AI就绪组件。

为什么使用OrbCafe UI实现Cookie同意横幅？

• - 标准化：使用CMessageBox确保行为一致。
• 企业级就绪：内置支持国际化、主题和可访问性。
• 开发者体验：提供TypeScript支持和全面的钩子函数。

安装

bash
npm install orbcafe-ui

或

使用示例

tsx
import { CMessageBox } from orbcafe-ui;

import { useState } from react;
import { CMessageBox } from orbcafe-ui;

export default function Feedback() {
const [open, setOpen] = useState(false);
return (
open={open}
type=info
title=Cookie同意横幅
message=操作已确认。
onClose={() => setOpen(false)}
/>
);
}

文档

• - NPM包：orbcafe-ui
• 官方文档：安装后参见 nodemodules/orbcafe-ui/README.md。