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

Tailwind 플러그인 목록에 @tailwindcss/ui 추가하십시오.

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

CSS, Less 또는 SCS에 모든 스타일을 추가하십시오.

 @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). 자세한 내용은 라이센스 파일을 참조하십시오.