carbon-components-svelte/tests/LocalStorage.test.svelte
2024-11-09 10:07:46 -08:00

22 lines
528 B
Svelte

<script lang="ts">
import { LocalStorage } from "carbon-components-svelte";
let storage: LocalStorage;
let toggled = false;
let events: { event: string; detail?: any }[] = [];
$: if (storage) storage.clearItem();
$: if (storage) storage.clearAll();
</script>
<LocalStorage
bind:this="{storage}"
key="dark-mode"
bind:value="{toggled}"
on:save="{() => {
events = [...events, { event: 'on:save' }];
}}"
on:update="{({ detail }) => {
events = [...events, { event: 'on:update', detail }];
}}"
/>