For my plugin I want to expose some ColorComponent settings within the settings tab, however whenever I try to create a ColorPicker component with .addColorPicker() I get an uncaught type error:
Uncaught TypeError: (intermediate value).setName(...).addColorPicker is not a function
at FolderColorTab.display (plugin:obsidian-group-by-folders:859:76)
at t.openTab (app.js:1:2063669)
at HTMLDivElement.<anonymous> (app.js:1:2062129)
heres the minimal code to reproduce the issue:
display(): void {
const { containerEl } = this;
containerEl.empty();
new Setting(containerEl)
.setName('Dummy Color Picker')
.addColorPicker((colComp) => {
colComp
.setValueRgb({r: 0, g: 255, b: 0})
.onChange((newColor: string) => {
console.log(newColor)
})
});
}
By changing the .addColorPicker to .addText and changing .setValueRgb to .setValue the above code works, so the issue should lie within the color picker