saraui
TypeScript icon, indicating that this package has built-in type declarations

1.4.0 • Public • Published

logo

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

Package Sidebar

Install

npm i saraui

Homepage

saraui.com

Weekly Downloads

18

Version

1.4.0

License

MIT

Unpacked Size

105 kB

Total Files

67

Last publish

Collaborators

  • r4rmas