x blade components

Ready-to-benutzte Klingenkomponenten, die mit einem hohen Stapel gebaut wurden. Ein Must-Have-Paket für die Handwerker.

Unterstützen Sie uns

Wenn Sie meine Arbeit mögen, können Sie mich sponsern.

Installation

Sie können das Paket über Komponist installieren:

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

Fügen Sie @tailwindcss/ui zu Ihrer Tailwind -Plugin -Liste hinzu:

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

Fügen Sie alle Stile zu unserem CSS, weniger oder SCSS hinzu:

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

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

[ x-cloak ] { display : none ; }

Importieren Sie in der Datei bootstrap.js alle benötigten Skripte:

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

Und schließlich alle zusammenstellen:

 # dev
npm run dev 

# production
npm run prod

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

yarn prod

Verwendung

Sehen Sie unsere Wiki -Seiten

Testen

composer test 

Changelog

Weitere Informationen zu dem, was sich in letzter Zeit geändert hat, finden Sie in ChangeLog.

Beitragen

Weitere Informationen finden Sie unter Beitrag.

Sicherheit

Wenn Sie sicherheitsrelevante Probleme entdecken, senden Sie bitte eine E -Mail an [email protected], anstatt den Ausgabe -Tracker zu verwenden.

Credits

• Luca Longo
• Alle Mitwirkenden

Lizenz

Die MIT -Lizenz (MIT). Weitere Informationen finden Sie unter Lizenzdatei.