Skip to main content
userTourKit
@tour-kit/announcementsHooks

useResolvedText

Re-export of @tour-kit/core's useResolvedText for ergonomic in-package access. Resolves LocalizedText | ReactNode into a ReactNode.

domidex01Published

Re-exported from @tour-kit/core so consumers using @tour-kit/announcements can import it from the same package as the rest of the API.

import { useResolvedText } from '@tour-kit/announcements';

function AnnouncementBody({ body }: { body: LocalizedText | React.ReactNode }) {
  const resolved = useResolvedText(body);
  return <div>{resolved}</div>;
}

The canonical implementation lives in @tour-kit/core. See the core docs for the full signature, resolution rules, and the relationship with useResolveLocalizedText.

Free & open source

Ship onboarding, not config.

npm i @tour-kit/core is MIT and free. The Pro packages work unlicensed too — a one-time $99 license removes the production watermark when you ship.

Build my first tourSee pricing

MIT-licensed — no signup, no credit card. Pay once, only when you ship.

useFilteredAnnouncements

Filter a list of AnnouncementConfig by their `audience` prop. Bulk segment evaluation that is safe under dynamic lists.

Components

Pre-styled announcement components: Modal, Toast, Banner, Slideout, and Spotlight with built-in close and action buttons