Function createCardToggle

src/settings/components/CardComponent.ts:671–694

(
	initialValue = false,
	onChange?: (value: boolean) => unknown
)

 * Returns the toggle component's toggleEl directly
 */
export function createCardToggle(
	initialValue = false,
	onChange?: (value: boolean) => unknown
): HTMLElement {
	const tempContainer = activeDocument.createElement("div");
	const setting = new Setting(tempContainer);

	let toggleEl: HTMLElement | null = null;
	setting.addToggle((toggle: ToggleComponent) => {
		toggle.setValue(initialValue);
		if (onChange) {
			toggle.onChange((value) => {
				runAsyncSettingCallback(() => onChange(value));
			});
		}
		toggleEl = toggle.toggleEl;
	});

	if (!toggleEl) {
		throw new Error("Failed to create card toggle");
	}

	return toggleEl;
}

/**
 * Creates a select dropdown with card styling