Fluent Svelte
A faithful implementation of Microsoft's Fluent Design System in Svelte.
2. Build
- index.svelte
<script>
import { Button, TextBlock } from "fluent-svelte";
import "fluent-svelte/theme.css";
let count = 0;
</script>
<TextBlock variant="display">{count}.</TextBlock>
<div>
<Button variant="accent" on:click={() => count++}>Increase Counter</Button>
<Button on:click={() => count = 0}>Reset Counter</Button>
</div>