carbon-components-svelte/palimpsest/src/components/ThemePicker.svelte
2020-01-12 12:03:15 -08:00

23 lines
537 B
Svelte

<script>
export let inline = false;
import { Select, SelectItem } from 'carbon-components-svelte';
import { theme } from '../store';
$: {
document.documentElement.setAttribute('carbon-theme', $theme);
}
</script>
<Select
{inline}
labelText="Theme"
selected={$theme}
on:change={({ detail }) => {
theme.set(detail);
}}>
<SelectItem value="white" text="White" />
<SelectItem value="g10" text="Gray 10" />
<SelectItem value="g90" text="Gray 90" />
<SelectItem value="g100" text="Gray 100" />
</Select>