mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor(theme-picker): use two-way binding

Browse source
This commit is contained in:
Eric Liu 2020-01-20 16:52:06 -08:00
commit 45f3a8ca65
1 changed files with 2 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

13
palimpsest/src/components/ThemePicker.svelte
View file

@ -19,20 +19,11 @@
afterUpdate(() => { afterUpdate(() => {
localStorage.setItem('theme', $theme); localStorage.setItem('theme', $theme);
});
$: {
document.documentElement.setAttribute('carbon-theme', $theme); document.documentElement.setAttribute('carbon-theme', $theme);
} });
</script> </script>
<Select <Select {inline} labelText="Theme" bind:selected={$theme}>
{inline}
labelText="Theme"
selected={$theme}
on:change={({ detail }) => {
theme.set(detail);
}}>
<SelectItem value="white" text="White" /> <SelectItem value="white" text="White" />
<SelectItem value="g10" text="Gray 10" /> <SelectItem value="g10" text="Gray 10" />
<SelectItem value="g90" text="Gray 90" /> <SelectItem value="g90" text="Gray 90" />