+page.svelte.md

title	desc	published
Install daisyUI as a Tailwind CSS plugin	How to install daisyUI as a Tailwind CSS plugin?	true

<script> import InstallTabs from "$components/InstallTabs.svelte" import Translate from "$components/Translate.svelte" export let data </script>

1. :

npm i -D daisyui@latest

2. :

module.exports = {
  //...
  plugins: [require("daisyui")],
}

or

import daisyui from 'daisyui';
export default {
  //...
  plugins: [daisyui],
}

{#each data.exampleRepos as { name, href, logos }} <a class="card border-2 border-base-content/5 card-compact transition-all duration-200 hover:shadow hover:-translate-y-1" {href} target="_blank" rel="noopener, noreferrer">

{#if logos.length === 1} {:else}

{/if}

{name}

{/each}