Engagement component

Spotlight

Promotes a featured challenge, reward, announcement, or member action.

Interactive example

Mobile preview

Live preview

9:41

My Rewards

Good morning, Alex

Your progress

Featured

Member Appreciation Month

Complete 4 activities in November for 1,000 bonus points.

Join now

Client implementation

Embed code

React / React NativeJSX

import { Spotlight } from "@nextbee/client-components";

export function MemberExperience() {
  return (
    <Spotlight
      containerKey="home_hero"
      memberId={member.id}
    />
  );
}

Implementation note

Replace the example identifiers with values from your authenticated member and challenge context. Data is served by the Client APIs documented in API Specs.