Appearance
FeedbackCookieBanner
A consent banner with categories. The answer is remembered and the banner comes back when a category is added.
ts
import { FeedbackCookieBanner } from '@zairakai/vue-components/Feedback'Usage
vue
<FeedbackCookieBanner />Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | ||
class | string | ||
categories | array | [{ id: 'essential', label: 'Essential', required: true }] | The categories the visitor can accept: { id, label, description, required }. A required one is always on. |
storageKey | string | 'zk-consent' | Where the answer is remembered. |
title | string | 'Cookies' | |
acceptLabel | string | 'Accept all' | |
rejectLabel | string | 'Reject all' | |
customizeLabel | string | 'Customize' | |
saveLabel | string | 'Save my choices' |
Events
| Name | Description |
|---|---|
consent |
Slots
| Name | Description |
|---|---|
default |
See Theming for the class hooks and the data-* state of the components.