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

feat(palimpsest): add ThemePicker to Header

Browse source
This commit is contained in:
Eric Liu 2020-01-09 09:49:00 -08:00
commit 8acd775e42
2 changed files with 53 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,14 +1,14 @@
<script>
import { Select, SelectItem } from 'carbon-components-svelte';
let selected = 'white';
let selected = 'g100';
$: {
document.documentElement.setAttribute('carbon-theme', selected);
}
</script>
<Select inline labelText="Select Carbon Theme" bind:selected>
<Select inline labelText="Theme" bind:selected>
<SelectItem value="white" text="White (light)" />
<SelectItem value="g10" text="Gray 10 (light)" />
<SelectItem value="g90" text="Gray 90 (dark)" />