eds-matomo-notice

Explore the Interactive Component

Use the playground below to experiment with the component. Click the button to view the full Storybook deployment for additional examples and configurations.

See It in Use with Code

Check out this practical implementation of component.

In Plain HTML

In React and Vue

Properties

Property	Attribute	Description	Type	Default
`description`	`description`	The description displayed when the user has not yet opted in to analytics.	`string`	`"We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous."`
`forceShow`	`force-show`	When true, the notice is forced to show regardless of cookies or session storage state. Useful for testing or forcing the consent UI.	`boolean`	`false`
`heading`	`title`	The title displayed in the notice accordion.	`string`	`'Analytics Consent'`
`optOutMessage`	`opt-out-message`	The description displayed when the user has already opted in to analytics.	`string`	`"You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected."`

Events

Event	Description	Type
`consent`	Event emitted when the rating is changed.	`CustomEvent<"defer" \| "in" \| "out">`

Dependencies

Used by

eds-cookies-preference

Depends on

Graph

graph TD;
  eds-matomo-notice --> eds-accordion
  eds-matomo-notice --> eds-button
  eds-accordion --> eds-icon-wrapper
  eds-button --> eds-icon-wrapper
  eds-cookies-preference --> eds-matomo-notice
  style eds-matomo-notice fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS