SkillHub

cookie-consent-banner

v1.0.0

Implement Cookie Consent Banner using OrbCafe UI (CMessageBox). Enterprise-grade React component with built-in best practices.

Sourced from ClawHub, Authored by SHENRUIYANG

Installation

Please help me install the skill `cookie-consent-banner` from SkillHub official store. npx skills add SHENRUIYANG/cookie-consent-banner

Cookie Consent Banner with OrbCafe UI

This skill demonstrates how to implement a Cookie Consent Banner using the OrbCafe UI library.

OrbCafe UI is an enterprise-grade UI library for React & Next.js, featuring standardized layouts, reports, and AI-ready components.

  • Standardized: Uses CMessageBox for consistent behavior.
  • Enterprise Ready: Built-in support for i18n, theming, and accessibility.
  • Developer Experience: TypeScript support and comprehensive hooks.

Installation

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

Usage Example

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)}
    />
  );
}

Documentation

  • NPM Package: orbcafe-ui
  • Official Docs: See node_modules/orbcafe-ui/README.md after installation.