mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
24 lines
510 B
Svelte
24 lines
510 B
Svelte
<script lang="ts">
|
|
import { Theme } from "carbon-components-svelte";
|
|
import type { CarbonTheme } from "carbon-components-svelte/Theme/Theme.svelte";
|
|
|
|
let theme: CarbonTheme = "g10";
|
|
</script>
|
|
|
|
<Theme
|
|
bind:theme
|
|
persist
|
|
persistKey="carbon-theme"
|
|
on:update={(e) => console.log(e.detail.theme)}
|
|
tokens={{ "button-primary": "violet" }}
|
|
render="toggle"
|
|
toggle={{
|
|
themes: ["g10", "g90"],
|
|
labelA: "",
|
|
labelB: "",
|
|
}}
|
|
select={{
|
|
themes: ["g10", "g90"],
|
|
labelText: "",
|
|
}}
|
|
/>
|