ENGLISH·COURSE API
    Preparing search index...

    Function

    AvatarPicker

    • Picks the learner's avatar: their initials or one of eight illustrations.

      Parameters

      • name: {
            name: string;
            value:
                | { kind: "initials" }
                | {
                    kind: "illustration";
                    id:
                        | "sun"
                        | "wave"
                        | "leaf"
                        | "plum"
                        | "ember"
                        | "echo"
                        | "night"
                        | "schwa";
                };
            onChange: (
                avatar:
                    | { kind: "initials" }
                    | {
                        kind: "illustration";
                        id:
                            | "sun"
                            | "wave"
                            | "leaf"
                            | "plum"
                            | "ember"
                            | "echo"
                            | "night"
                            | "schwa";
                    },
            ) => void;
            className?: string;
        }

        The learner's name, for the initials preview

      Returns Element

      A single-choice group with radio semantics. Only the checked option is a tab stop; the arrow keys move the choice and the focus together, wrapping at either end, as a native radio group does.

      The initials option previews the learner's own initials, so it updates as the name above it is typed.

      Controlled: the picker never stores a choice, it reports one.

    Settings

    Member Visibility