Fluid Framework

A UI framework for web based on Microsoft Fluent UI 🎨🏗️

1. Install

npm

using pnpm

...or with yarn

2. Build

index.svelte

                        
                            <script>
    import { Button, TextBlock } from "@riversidevalley/fluid";
    import "@riversidevalley/fluid/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>