ENGLISH·COURSE API
    Preparing search index...

    Function

    PrizeShelfItem

    • One module's prize on the counter shelf: the toy, its name once claimed, and a hanging tag with the tickets collected — or the control that claims it.

      Parameters

      • prize: {
            prize:
                | "whistle"
                | "harmonica"
                | "megaphone"
                | "drum"
                | "car"
                | "microphone"
                | "kazoo"
                | "spring"
                | "kaleidoscope"
                | "yoyo"
                | "top"
                | "walkie"
                | "tinphone"
                | "crown"
                | "robot"
                | "compass"
                | "xylophone"
                | "maracas"
                | "trumpet"
                | "boomerang"
                | "skate"
                | "popper"
                | "pinwheel"
                | "jackbox"
                | "bell"
                | "duck"
                | "kite"
                | "gift";
            moduleTitle: string;
            moduleSlug: string;
            state: PrizeState;
            ticketsEarned: number;
            ticketCount: number;
            onClaim?: (moduleSlug: string) => void;
            isCalled?: boolean;
            motionOrder?: number;
        }

        The module's prize

      Returns Element

      Until every ticket of the module is earned, the prize is a silhouette and its name is withheld — visibly ??? — so the counter keeps the surprise the arcade counter has. Collecting every ticket does not open it either: the learner claims the prize here, and only then is it revealed and named.

      Everything visible is decoration for assistive technology, which hears one sentence carrying the whole state instead: the prize and that it is redeemed, that the module's hidden prize is ready to claim, or how many tickets it has. The states differ in shape and words as well as colour — silhouette versus illustration, ??? versus a name, a control versus a tag.

      <PrizeShelfItem prize="harmonica" moduleTitle="Vowels" moduleSlug="2-vowels" state="ready" ticketsEarned={17} ticketCount={17} onClaim={claim} />

    Settings

    Member Visibility