Skip to content

BannerFrame

BannerFrame<C>(__namedParameters): any

Sticky banner component that handles:

  • Top/bottom position
  • Dismiss state + callback
  • Visibility reset when parent re-shows
  • Theme-aware default styles

Extend by wrapping and injecting children for custom body content.

C extends ResolvedContent = ResolvedContent

BannerFrameProps<C>

any

function TrialBanner(props: PlacementSlotProps<TrialBannerContent>) {
return (
<BannerFrame {...props} position="top">
<span>🔥 {props.content.days_remaining} days left in your trial</span>
</BannerFrame>
);
}