x blade components

Komponen blade yang siap digunakan dibangun dengan tumpukan tinggi dalam pikiran. Paket yang harus dimiliki untuk para pengrajin.

Mendukung kami

Jika Anda menyukai pekerjaan saya, Anda dapat mensponsori saya.

Instalasi

Anda dapat menginstal paket melalui komposer:

composer require masterix21/x-blade-components

npm install tailwindcss @tailwindcss/ui alpinejs imask flatpickr @popperjs/core
// or
yarn add tailwindcss @tailwindcss/ui alpinejs imask flatpickr @popperjs/core

Tambahkan @tailwindcss/ui ke daftar plugin tailwind Anda:

 // tailwind.config.js
module . exports = {
  plugins : [
    require ( '@tailwindcss/ui' ) ,
  ]
}

Tambahkan semua gaya ke CSS kami, lebih sedikit atau SCSS:

 @import " tailwindcss/base " ;
@import " tailwindcss/components " ;
@import " tailwindcss/utilities " ;

@import " ~flatpickr/dist/themes/airbnb.css " ;

[ x-cloak ] { display : none ; }

Impor di file bootstrap.js semua skrip yang diperlukan:

 // The awesome AlpineJS
import 'alpinejs' ;

// Flatpickr Calendar
import flatpickr from "flatpickr" ;
window . flatpickr = flatpickr ;

// IMask to add input masks support
import IMask from 'imask' ;
window . IMask = IMask ;

// PopperJS for the best element alignment
import { createPopper } from '@popperjs/core/lib/popper-lite.js' ;
import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js' ;
import flip from '@popperjs/core/lib/modifiers/flip.js' ;
window . createPopper = createPopper ;
window . preventOverflow = preventOverflow ;
window . flip = flip ;

Dan akhirnya mengkompilasi semua:

 # dev
npm run dev 

# production
npm run prod

# or, if you use yarn...
yarn dev

yarn prod

Penggunaan

Lihat halaman wiki kami

Pengujian

composer test 

Changelog

Silakan lihat Changelog untuk informasi lebih lanjut tentang apa yang telah berubah baru -baru ini.

Berkontribusi

Silakan lihat berkontribusi untuk detailnya.

Keamanan

Jika Anda menemukan masalah terkait keamanan, silakan kirim email ke [email protected] alih -alih menggunakan pelacak masalah.

Kredit

• Luca Longo
• Semua kontributor

Lisensi

Lisensi MIT (MIT). Silakan lihat file lisensi untuk informasi lebih lanjut.