CookieBanner Cookie 横幅

业务组件

Cookie 横幅 — 面向 ERP/企业场景的业务组件。

何时使用

适用于Cookie 横幅相关场景。

tsx

import { CookieBanner } from "@/components/business/cookie-banner"

export function Basic() {
return <CookieBanner />
}

Prop	Type	Default	说明
`className`	`string`	—	自定义样式类名
`open`	`boolean`	—	是否打开(受控)
`onAccept`	`() => void`	—
`onReject`	`() => void`	—
`onDismiss`	`() => void`	—
`title`	`string`	`Cookie 使用提示`	标题
`description`	`React.ReactNode`	`我们使用 Cookie 提升您的体验。点击「接受」以启用全部功能，或在设置中自定义。`	描述文本
`acceptText`	`string`	`接受全部`
`rejectText`	`string`	`仅必要`
`policyUrl`	`string`	—
`policyText`	`string`	`隐私政策`
`storageKey`	`string`	`cookie-consent`
`position`	`"bottom" \| "top" \| "bottom-right" \...`	`bottom`
...rest	`React.HTMLAttributes`	—	透传原生 DOM 属性

📘 完整交互式示例与控件属性请查看 Storybook 文档。