os-referral-tracker (Referral Tracker)
What it is
Section titled “What it is”os-referral-tracker reads the current referral code from URL/query state, syncs referral cookie state, and optionally renders referral attribution text.
Tag name
Section titled “Tag name”os-referral-tracker (Referral Tracker)
Attributes / parameters
Section titled “Attributes / parameters”| name | type | required | default | description |
|---|---|---|---|---|
hide-text | boolean | No | false | Hides the rendered “Shopping With” referral label when set. |
<os-referral-tracker hide-text></os-referral-tracker><os-referral-tracker hide-text></os-referral-tracker>export default function App() { return <os-referral-tracker hide-text></os-referral-tracker>;}Styling (CSS variables)
Section titled “Styling (CSS variables)”os-referral-tracker is a behavior-only component (it captures and persists referral codes) and exposes no --os-* CSS variables. If it renders any visible UI on your page, style it with plain selectors against the element — see Overriding styles.
Related components
Section titled “Related components” Cart Slideout Referrals carry through checkout in the slideout flow.
Product List Most referral traffic lands on a collection or product grid.