@orochibraru/ui

System, light and dark: an icon strip on desktop, three rows on phones.

Usage

Example.svelte

<script lang="ts">
	import ThemeToggle from "@orochibraru/ui/blocks/theme-toggle";
</script>

<div class="flex flex-wrap items-center gap-6">
	<ThemeToggle />
	<ThemeToggle
		messages={{ system: "Système", light: "Clair", dark: "Sombre" }}
	/>
</div>