customize.svelte.md

title	desc	published
Customize daisyUI components	How to customize daisyUI?	true

<script> import Translate from "@components/Translate.svelte" </script>

<button class="btn">Button</button>

Button

<button class="btn btn-primary">One</button>
<button class="btn btn-secondary">Two</button>
<button class="btn btn-accent btn-outline">Three</button>

One Two Three

<button class="btn rounded-full">One</button>
<button class="btn rounded-none px-16">Two</button>

One Two

.btn {
  @apply rounded-full;
}