Docs
shadcn/ui
Changelog Widget

Changelog Widget

Slide-out changelog panel powered by useChangelog(). Shows all features with unread count badge, auto-marks as seen on close.

Install

npx shadcn@latest add https://featuredrop.dev/r/changelog-widget.json

Preview

Usage

import { ChangelogWidget } from "@/components/featuredrop/changelog-widget"
 
export function Header() {
  return (
    <header className="flex items-center justify-between p-4">
      <h1>My App</h1>
      <ChangelogWidget title="Release Notes" side="right" />
    </header>
  )
}

Props

PropTypeDefaultDescription
titlestring"What's New"Sheet header title
triggerLabelstring"What's New"Trigger button text
classNamestringAdditional classes for the trigger button
side"top" | "right" | "bottom" | "left""right"Side the sheet opens from
⚠️

Requires a FeatureDropProvider ancestor. Features in your manifest are displayed in the panel.

shadcn Dependencies

  • sheet
  • badge
  • scroll-area
  • button
  • separator