x blade components

ส่วนประกอบใบมีดพร้อมใช้งานที่สร้างขึ้นโดยคำนึงถึงสแต็คสูง แพ็คเกจที่ต้องมีสำหรับช่างฝีมือ

สนับสนุนเรา

ถ้าคุณชอบงานของฉันคุณสามารถสนับสนุนฉันได้

การติดตั้ง

คุณสามารถติดตั้งแพ็คเกจผ่านนักแต่งเพลง:

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

เพิ่ม @tailwindcss/ui ในรายการปลั๊กอิน tailwind ของคุณ:

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

เพิ่มสไตล์ทั้งหมดใน CSS ของเราน้อยกว่าหรือ SCSS:

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

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

[ x-cloak ] { display : none ; }

นำเข้าในไฟล์ bootstrap.js สคริปต์ทั้งหมดที่จำเป็น:

 // 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 ;

และในที่สุดก็รวบรวมทั้งหมด:

 # dev
npm run dev 

# production
npm run prod

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

yarn prod

การใช้งาน

ดูหน้า Wiki ของเรา

การทดสอบ

composer test 

การเปลี่ยนแปลง

โปรดดู Changelog สำหรับข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่เปลี่ยนแปลงไปเมื่อเร็ว ๆ นี้

การบริจาค

โปรดดูรายละเอียดที่มีส่วนร่วม

ความปลอดภัย

หากคุณค้นพบปัญหาที่เกี่ยวข้องกับความปลอดภัยโปรดส่งอีเมล [email protected] แทนที่จะใช้ตัวติดตามปัญหา

การให้เครดิต

• Luca Longo
• ผู้มีส่วนร่วมทั้งหมด

ใบอนุญาต

ใบอนุญาต MIT (MIT) โปรดดูไฟล์ใบอนุญาตสำหรับข้อมูลเพิ่มเติม