Sara UI is a Typescript and Javascript compatible library that provides a collection of enhanced-by-javascript daisyUI components to Sveltekit.
npm i saraui
Sara UI is built with daisyui, which in turn uses tailwindcss. Therefore, in order for Sara UI to function correctly, you need to have these packages installed and set up in your project. If that's the case, all you have to do is add Sara UI to tailwind.config.cjs:
const config = {
content: [
...
"./node_modules/saraui/**/*.{html,js,svelte,ts}",
...
],
...
}
Set up the SaraProvider at the root of your application:
[src/routes/+layout.svelte]
<script lang="ts">
import { SaraProvider } from "saraui"
...
</script>
<SaraProvider>
<slot></slot>
</SaraProvider>