Skillppx logo

Cookie Consent Banner

使用 OrbCafe UI（CMessageBox）实现企业级 Cookie 同意横幅，基于 React，内置最佳实践。

已扫描
适合谁
需要添加Cookie同意的React开发者、使用OrbCafe UI库的项目团队
不适合谁
不需要Cookie横幅的网站、不使用React或Next.js的开发者
国内可用性
需网络配置。可能需要网络配置或第三方服务可访问。
安装难度
新手友好（★☆☆）。基于终端操作、依赖、API Key 和本地环境要求的初步判断。

安装与下载

openclaw skills install @shenruiyang/cookie-consent-banner
下载官方 ZIP

Skill 说明

命令、参数、文件名以原文为准

Cookie Consent Banner 搭配 OrbCafe UI

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

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

为何选用 OrbCafe UI 构建 Cookie 同意横幅？

  • 标准化：使用 CMessageBox 实现一致的行为。
  • 企业级就绪：内置对国际化（i18n）、主题和可访问性的支持。
  • 开发者体验：TypeScript 支持与完整钩子。

安装

npm install orbcafe-ui
# 或
pnpm add orbcafe-ui

使用示例

import { CMessageBox } from 'orbcafe-ui';

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

export default function Feedback() {
  const [open, setOpen] = useState(false);
  return (
    <CMessageBox
      open={open}
      type="info"
      title="Cookie Consent Banner"
      message="Operation confirmed."
      onClose={() => setOpen(false)}
    />
  );
}

文档

  • NPM 包：[orbcafe-ui](https://www.npmjs.com/package/orbcafe-ui)
  • 官方文档：安装后请参阅 node_modules/orbcafe-ui/README.md。
S
@shenruiyang

已收录 4 个 Skill

相关推荐