下拉菜单 - Next.js 和 Tailwind CSS

Posted

技术标签:

【中文标题】下拉菜单 - Next.js 和 Tailwind CSS【英文标题】:Dropdown Menu - Next.js & Tailwind CSS 【发布时间】:2021-08-20 16:34:37 【问题描述】:

我正在做一个项目,我需要一个使用 tailwind CSS 和 Next.js 的下拉菜单示例代码。如果有人可以帮助我,我将不胜感激。

【问题讨论】:

因此在 *** 中请求“免费”代码示例并不常见,而是显示您已经尝试过的内容并寻求帮助。寻找代码示例的好资源是 github,只要您有特定关键字、文件类型和项目类型的搜索策略即可。 查看https://headlessui.dev/ Tailwinds 官方 react 组件,你会发现下拉菜单示例/代码。 感谢您的回复。 【参考方案1】:

tailwindcss 的开发人员实际上创建了完全无样式的 UI 组件,请在此处查看:https://headlessui.dev/

【讨论】:

以上是关于下拉菜单 - Next.js 和 Tailwind CSS的主要内容,如果未能解决你的问题,请参考以下文章

Tailwind - 绝对与相对位置下拉菜单

带有填充的 Tailwind CSS 导航悬停下拉菜单

悬停时的 TailWind CSS 下拉菜单

我无法使用 npm run dev 启动 Next.js 和 tailwind 项目

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

如何创建在英雄内容顶部下拉的响应式菜单(Tailwind CSS ...)[关闭]