Flowbite
使用 Tailwind CSS 构建的最受欢迎的交互式 UI 组件库
如需完整文档,请访问flowbite.com。
Flowbite 是使用 Tailwind CSS 中的实用程序类构建的 UI 组件的开源集合,您可以在编写用户界面和网站时将其用作起点。
Flowbite 可以作为插件包含在现有的 Tailwind CSS 项目中,它应该通过使用 Tailwind CSS 的实用程序类构建的一组 Web 组件来帮助您更快地构建网站。
确保已安装Node.js和Tailwind CSS。
npm i flowbite
tailwind.config.js
文件内的插件:module.exports = {
plugins: [
require('flowbite/plugin')
]
}
<script src="../path/to/flowbite/dist/flowbite.js"></script>
如果你使用 Webpack 或其他打包工具,你也可以像这样导入它:
import 'flowbite';
开始使用 FlowBite 的最快方法是通过 CDN 将 CSS 和 JavaScript 简单地包含到您的项目中。
head
在标签内需要以下缩小的样式表:
<link rel="stylesheet" href="https://unpkg.com/flowbite@latest/dist/flowbite.min.css" />
并在 body
元素末尾包含以下 javascript 文件:
<script src="https://unpkg.com/flowbite@latest/dist/flowbite.js"></script>