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.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

有關最近發生了變化的更多信息，請參見ChangElog。

貢獻

請有關詳細信息，請參閱貢獻。

安全

如果發現任何與安全有關的問題，請發送電子郵件至[email protected]，而不要使用問題跟踪器。

學分

• 盧卡·朗戈（Luca Longo）
• 所有貢獻者

執照

麻省理工學院許可證（麻省理工學院）。請參閱許可證文件以獲取更多信息。