What
DaisyUI is UI library implemented with Tailwind. This repo wraps the DaisyUI code fragments in Svelte components for reusability and parameterization.
E.g. the DaisyUI fragment
<button class="btn btn-accent btn-outline">Click Me</button>
is shortened to:
<Button accent outline>Click Me</Button>
Installing
I may turn turn these components into npm installabe packges. For now, just clone this project
git clone https://github.com/SumitBando/svelte-daisy
cd svelte-daisy
npm i # or pnmp install
Developing
Start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
Building
Before creating a production version of your app, install an adapter for your target environment. Then:
npm run build
You can preview the built app with
npm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.
Project was created with
npm i svelte@next
npx svelte-add@tailwindcss
npm i daisyui
Component comment
https://github.com/sveltejs/language-tools/blob/HEAD/docs/README.md#documenting-components
Git commit message
