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

docs(palimpsest): support responsive design

Browse source
This commit is contained in:
Eric Liu 2020-01-12 12:03:15 -08:00
commit 01f65cb308
10 changed files with 338 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,16 +1,21 @@
<script>
export let inline = false;
import { Select, SelectItem } from 'carbon-components-svelte';
import { theme } from '../store';
let selected = 'g10';
$: {
theme.set(selected);
document.documentElement.setAttribute('carbon-theme', selected);
document.documentElement.setAttribute('carbon-theme', $theme);
}
</script>
<Select inline labelText="Theme" bind:selected>
<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" />