videosphere
    Preparing search index...
    • Searchable single-select language dropdown for the public listen UI. Renders the menu in a fixed portal so it is not covered by the captions pane below (a common mobile-only stacking issue with in-tree absolute menus).

      Parameters

      • props: {
            options: readonly TranslationLanguageOption[];
            id: string;
            listLabel: string;
            value: string;
            onValueChange: (code: string) => void;
            labelStyle?: "admin" | "public";
            className?: string;
            placeholder?: string;
            triggerMode?: "icon" | "label";
        }

        Options and selection handlers.

        • options: readonly TranslationLanguageOption[]

          Languages available in this picker.

        • id: string

          Trigger button id (for label association).

        • listLabel: string

          Accessible name for the option list.

        • value: string

          Currently selected language code (empty when none).

        • onValueChange: (code: string) => void

          Called when the user picks a language.

        • OptionallabelStyle?: "admin" | "public"

          How option rows are labeled.

          • admin: English name + code
          • public: English name + native autonym
        • OptionalclassName?: string

          Optional class for the outer wrapper.

        • Optionalplaceholder?: string

          Placeholder when no language is selected.

        • OptionaltriggerMode?: "icon" | "label"

          Trigger presentation.

          • label: full-width labeled combobox (default)
          • icon: compact Languages glyph for navbar chrome

      Returns Element

      Trigger plus dropdown panel with optional search.