Ruich Ui

Dark/Light mode

Use

Install ModeWatcher:

npm install mode-watcher

Add ModeWatcher to layout

<script>
  import { ModeWatcher } from "mode-watcher";
  // ...
</script>

<ModeWatcher/>
/ ...

Theme swith

<script>
  import { toggleMode } from 'mode-watcher';
</script>

<button onclick={toggleMode}>
  Swith mode
</button>

ToDo

• Button
• Flex (Test needed)
• Field
• Kbd
• Badge
• Avatar
• Alert dialog
• Spinner