Saraui
Sara UI is a collection of enhanced daisyUI components for Sveltekit
Enhanced daisyUI components for Sveltekit
Sara UI
Sara UI is a Typescript and Javascript compatible library that provides a collection of enhanced-by-javascript daisyUI components to Sveltekit.
Installation
npm i saraui
Configuration
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}",
...
],
...
}
First step
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>
Components
