Searchable settings section.

Each section corresponds to a logical group of related settings that can be searched and navigated to independently.

export interface SettingsSection {
id: string;
title: string;
description: string;
tab: "matching" | "sync" | "data";
keywords: string[];
element?: HTMLElement | null;
}
interface SettingsSection {
    id: string;
    title: string;
    description: string;
    tab: "matching" | "sync" | "data";
    keywords: string[];
    element?: null | HTMLElement;
}

Properties

id: string

Unique identifier for the section (kebab-case, e.g., "matching-one-shots").

title: string

Section title/heading text displayed in the UI.

description: string

Section description text providing details about the setting.

tab: "matching" | "sync" | "data"

Which tab this section belongs to (matching, sync, or data).

keywords: string[]

Additional searchable keywords (synonyms, related terms for enhanced searchability).

element?: null | HTMLElement

Optional reference to the DOM element for scroll-to-match functionality.