Changelog Widget

Show recent updates and changelog entries in a popover. Automatically tracks unread entries with a notification badge.

Script tag embed

Add this script tag to render the changelog widget:

<script
  src="https://www.reflet.app/widget/changelog.js"
  data-key="fb_pub_xxx"
  data-trigger="changelog-button"
  async
></script>

<button id="changelog-button">What's new</button>

React component

For React projects, use the SDK's ChangelogWidget component:

import { RefletProvider, ChangelogWidget } from "reflet-sdk/react";

function App() {
  return (
    <RefletProvider publicKey="fb_pub_xxx">
      <ChangelogWidget>
        <button>What's new</button>
      </ChangelogWidget>
    </RefletProvider>
  );
}

Features

Popover displays recent changelog entries with title, description, and date
Unread badge shows count of entries the user hasn't seen
Read state is tracked locally and persisted across sessions
Entries link back to the full changelog page

Configuration

Attribute / Prop	Values	Description
`data-key / publicKey`	string	Your organization's public API key. Required.
`data-trigger / trigger`	string (element ID)	ID of the element that opens the popover. Script tag only.
`data-limit / limit`	number	Max entries to display. Default: 10.