livewire/flux

Livewire官方UI组件库。

维护者

详细信息

github.com/livewire/flux

源代码

问题

安装: 270

依赖: 0

建议: 0

安全: 0

星标: 243

关注者: 13

分支: 19

开放问题: 0

语言:Blade

v1.0.0 2024-09-21 18:43 UTC

README

Flux是Livewire的官方UI组件库。

您可以在https://fluxui.dev查看组件的实际效果。

安装

从项目根目录运行以下命令

composer require livewire/flux:v1.0.0-beta.5 --prefer-dist

Flux包含使用组件所需的内置脚本和样式。将以下内容添加到您的应用模板的和标签中

<head>
    ...

    @fluxStyles
</head>
<body>
    ...

    @fluxScripts
</body>

Flux使用Tailwind CSS进行样式设置。

为了快速开始,您可以在标签中包含Tailwind Play CDN

<head>
    ...

    <script src="//cdn.tailwindcss.com"></script>

    @fluxStyles
</head>

或者,为了更健壮的设置,您可以将Flux的Blade文件包含在Tailwind配置的content数组中作为您构建的一部分

module.exports = {
    content: [
        ...,
        "./vendor/livewire/flux-pro/stubs/**/*.blade.php",
        "./vendor/livewire/flux/stubs/**/*.blade.php",
    ],
    ...
}

包含内容

livewire/flux包中包含以下组件

Flux的其他组件是Flux付费(Pro)级别的部分。

在此处购买"Pro"许可证密钥:https://fluxui.dev/pricing