x blade components

Composants de la lame prêts à l'emploi construits avec une grande pile à l'esprit. Un forfait incontournable pour les artisans.

Soutenez-nous

Si vous aimez mon travail, vous pouvez me parrainer.

Installation

Vous pouvez installer le package via le compositeur:

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

Ajoutez @tailwindcss/ui à votre liste de plugin de vent arrière:

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

Ajoutez tous les styles à notre CSS, moins ou SCSS:

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

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

[ x-cloak ] { display : none ; }

Importer dans le fichier bootstrap.js Tous les scripts nécessaires:

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

Et enfin compiler tout:

 # dev
npm run dev 

# production
npm run prod

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

yarn prod

Usage

Voir nos pages wiki

Essai

composer test 

Changelog

Veuillez consulter Changelog pour plus d'informations sur ce qui a changé récemment.

Contributif

Veuillez consulter la contribution pour plus de détails.

Sécurité

Si vous découvrez des problèmes liés à la sécurité, veuillez envoyer un e-mail à [email protected] au lieu d'utiliser le tracker du problème.

Crédits

• Luca Longo
• Tous les contributeurs

Licence

La licence MIT (MIT). Veuillez consulter le fichier de licence pour plus d'informations.