README

专为 TALL stack 构建的可直接使用的 Blade 组件。对工匠来说是必备包。

支持我们

如果您喜欢我的工作，可以通过资助我。

安装

您可以通过 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

使用

查看我们的维基页面

测试

composer test

更新日志

请参阅更新日志以获取有关最近更改的更多信息。

贡献

请参阅贡献指南以获取详细信息。

安全

如果您发现任何安全相关的问题，请通过l.longo@ambita.it发送电子邮件，而不是使用问题跟踪器。

鸣谢

许可

MIT 许可证 (MIT)。有关更多信息，请参阅许可证文件。

masterix21 / x-blade-components

维护者

详细信息

README

支持我们

安装

使用

测试

更新日志

贡献

安全

鸣谢

许可