Tanggal :26 September 2022
Daisy UI

Menginstal Daisy UI Pustaka Komponen Tailwind di Laravel

Assalamualaikum Warohmatulloh Wabarokatuh, sebenarnya tulisan ini adalah pelengkap untuk video yang pernah saya buat di kanal youtube Kawan Koding tentang DaisyUI. DaisyUI sendiri adalah sebuah pustaka komponen untuk TailwindCSS.

Mengapa Butuh DaisyUI ?

Mungkin ada pertanyaan “mengapa butuh DaisyUI?”, nah sebenarnya butuh dan tidak butuh, tergantung kebutuhan dan selera saja. Menurut pandangan saya sendiri untuk DaisyUI ini adalah sebuah jembatan untuk yang terbiasa dengan Bootstrap tapi ingin pakai Tailwind tapi masih kesulitan menyusun class cssnya.

DaisyUI menawarkan class yang penamaanya mirip dengan Bootstrap, semisal ada komponen alert, card, button, dll. Keuntungannya adalah kita bisa juga memodifikasi komponen tersebut dengan class dari TailwindCSS itu sendiri.

Menginstal DaisyUI

Oke sebelum menginstal DaisyUI pergi dulu ke websitenya di sini. Kalau sudah langsung klik “How to Use“.

Pertama instal dulu DaisyUI :

npm i daisyui

Setelahnya, tambahkan DaisyUI pada file tailwind.config.js

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

Kemudian jangan lupa untuk build dengan perintah :

npm run dev

Setelah selesai buildnya, kita bisa gunakan class class DaisyUI di projek kita sekarang, SELAMAT !

Wassalamualaikum Warohmatulloh Wabarokatuh.

Hai semua, saya Amirul seorang Software Engineer, suka membuat konten pembelajaran berupa artikel, video tutorial maupun podcast

2 Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.