matyunya / smelte

UI framework with material components built with Svelte and Tailwind CSS
https://smeltejs.com/
MIT License
1.53k stars 114 forks source link

$darkMode not defined #87

Open Spica2 opened 4 years ago

Spica2 commented 4 years ago

when I use

I get an error Uncaught ReferenceError: darkMode is not defined

cajuc commented 4 years ago

You should import 'smelte/src/dark'

<script>
  import Button from "smelte/src/components/Button"
  import dark from "smelte/src/dark"

  const darkMode = dark()
</script>

<Button bind:value={$darkMode}>toggle dark</Button>

<div class="transition p-10 my-10 bg-black dark:bg-white text-white dark:text-black">
  I am a {$darkMode ? 'dark' : 'light'} div.
</div>