x blade components

背の高いスタックを念頭に置いて構築されたすぐに使用できるブレードコンポーネント。職人のための必須パッケージ。

私たちをサポートしてください

あなたが私の仕事が好きなら、あなたは私を後援することができます。

インストール

Composer経由でパッケージをインストールできます。

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、Lessまたは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]にメールしてください。

クレジット

• ルカ・ロンゴ
• すべての貢献者

ライセンス

MITライセンス（MIT）。詳細については、ライセンスファイルをご覧ください。