Const
Options to be used for ThemeSelect.
Labels: lightMode, darkMode, systemDefault
Selected label: lightModeSelected, darkModeSelected, systemDefaultSelected
const getInitialSelectedOption: () => SelectOption = useCallback( () => options.find((option: SelectOption): boolean => option.value === localTheme) as SelectOption, [localTheme] ); Copy
const getInitialSelectedOption: () => SelectOption = useCallback( () => options.find((option: SelectOption): boolean => option.value === localTheme) as SelectOption, [localTheme] );
const options: Array<SelectOption> = [ { value: 'light', label: lightMode, selected: lightModeSelected }, { value: 'dark', label: darkMode, selected: darkModeSelected }, { value: 'system', label: systemDefault, selected: systemDefaultSelected }]; Copy
const options: Array<SelectOption> = [ { value: 'light', label: lightMode, selected: lightModeSelected }, { value: 'dark', label: darkMode, selected: darkModeSelected }, { value: 'system', label: systemDefault, selected: systemDefaultSelected }];
Options to be used for ThemeSelect.
Labels: lightMode, darkMode, systemDefault
Selected label: lightModeSelected, darkModeSelected, systemDefaultSelected
Example