magnolia-ui-svelte

Implementation library of Magnolia UI for Svelte

🚧 Under construction 🚧

This library does not yet include every component and may not function properly.

Installation

In a Svelte project, run

npm install highlanderrobotics/magnolia-ui-svelte#production

As close to the root of the project as possible, surround the rest of your UI with

<script>
    import { MagnoliaUIRoot } from 'magnolia-ui-svelte';
</script>

<MagnoliaUIRoot>
    <!-- The rest of your code goes here -->
</MagnoliaUIRoot>

💡 If you're using SvelteKit, you can put this in a root +layout.svelte file.

Then, you can use any supported Magnolia UI components in your project.

<script>
    import { Button } from 'magnolia-ui-svelte';
</script>

<button>Click me!</button>