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>

How to configure Sara UI

Components

• Buttons
• Dropdown
• ImageUploader
• Loader
• Modals
• Notification
• Scaffold
• Selectors