Fluent Svelte

A faithful implementation of Microsoft's Fluent Design System in Svelte.

1. Install

npm

using pnpm

...or with yarn

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>