Analytics
Load consent-aware analytics for a site. Use it when measurement must follow the visitor’s privacy choices rather than start on every page load.
Examples
Consent
HTML markup
Authored custom-element markup. Register the element using Setup below. Demo buttons and their JavaScript handlers are omitted; use the methods and events in the API reference.
Attributes, methods and events
Native custom element: configure HTML attributes rather than React props. Boolean attributes use presence / absence. Registration is browser-only; server imports do not require a DOM and may export an undefined constructor.
| Attribute |
|---|
domains |
ga-id |
posthog-host |
posthog-token |
posthog-ui-host |
Public methods: none declared by this entry.
Emitted custom events: none declared by this entry.
Setup
bun add @kongmy-dev/sapphire-uiFor an app using package components throughout, load the full stylesheet once. Add this element registration where you use it.
import "@kongmy-dev/sapphire-ui/sapphire.css";
import "@kongmy-dev/sapphire-ui/elements/analytics";Mixing package and vendored components? Follow application setup.