Svelisy 1.0

daisyUI components built with Svelte & Typescript

• Official daisyUI website →
• Svelisy docs is in progress (I'm also confused with my own library xD)

🙋‍♂️ Issues? Go to here

⚡️ Quick Start

Import svelisy component to your Svelte Component

<script lang="ts">
 import { Button } from 'svelisy';
</script>

<Button color="primary">Click Here</Button>

🌼 Components

🌈 Themes

To apply / select theme use SvelisyProvider & ThemeChanger

<script lang="ts">
 import { SvelisyProvider, SvelisyThemeChanger } from 'svelisy/provider';
</script>

<SvelisyProvider>
 <SvelisyThemeChanger />
 <slot />
</SvelisyProvider>

Use tools like the official daisyUI Theme Generator or daisyUI Theme Builder to easily create your own themes.

⚙️ Configuration

Configure tailwindcss to not purging component class

// tailwind.config.cjs
module.exports = {
content: [
  './src/**/*.{html,js,svelte,ts}',
  'node_modules/daisyui/dist/**/*.js',
  'node_modules/svelisy/**/*.svelte'
 ],
 ...
};

License

This project is licensed under the MIT License - see the LICENSE.md file for details.