在哪里可以找到带有 js 代码的 Tailwind css 组件?

Posted

技术标签:

【中文标题】在哪里可以找到带有 js 代码的 Tailwind css 组件?【英文标题】:Where can I find Tailwind css components with js code? 【发布时间】:2021-12-02 12:43:54 【问题描述】:

我正在使用 Tailwind CSS。这是一个非常好的 css 框架。但是 Tailwind 没有 Bootstrap 或 Materail Ui 之类的组件,我找到了一些第三方组件但这些只是 css。在哪里可以找到带有 js 交互代码的 Tailwind 组件?

【问题讨论】:

你有不同的框架来满足不同的需求。 React Bootstrap 和 Material UI React 被设计为非常高级,为您提供了一个使用内置样式渲染的组件。 Tailwind css 不是为了那个目的。 【参考方案1】:

也许在这里:https://tailwindui.com/ 它不是免费的,但价格实惠。组件非常好,您购买它支持该项目。

【讨论】:

感谢您的回答。但是你知道有没有免费的网站? 不是真的,但我没有对此进行研究。 JS-Parts 是免费的:headlessui.dev 并且您可以添加自定义 CSS 类 在tailwindui.com的付费版中找不到相应html代码的JS代码 有一个显示 VueJS 和 ReactJS 集成的开关(页面右上角)

以上是关于在哪里可以找到带有 js 代码的 Tailwind css 组件?的主要内容,如果未能解决你的问题,请参考以下文章

带有 Vue js 道具的反应式 Tailwind 类

Tailwind - 当相邻元素溢出时,页脚不粘并被推动

带有 Tailwind 的 Next.js 刷新缓慢

如何在没有 require() 的情况下使用带有 postcss.config.js 的 Tailwind 嵌套声明

带有 Next.js 10.0.3 的 Tailwind CSS(PostCSS 插件)在开发环境中导致 Javascript 堆内存不足错误

如何在 React、Next.js 中使用 tailwind.css 垂直和水平放置内容中心?