Tailwind CSS Blog
·
Headless UI v1.4：新增标签组件
原文英文，约500词，阅读约需2分钟。
📝
内容提要
Headless UI v1.4发布，新增标签组件，简化了Popover和Disclosure的关闭API，提升了无障碍导航和移动体验。用户可通过npm轻松升级，更新无破坏性。
🎯
关键要点
-
Headless UI v1.4发布，新增标签组件。
-
新增API简化了Popover和Disclosure组件的关闭方式。
-
用户可以通过npm轻松升级到最新版本，更新无破坏性。
-
标签组件支持自定义，简化了键盘导航和无障碍细节处理。
-
Disclosure和Popover组件现在可以通过内部按钮关闭，提升了移动导航体验。
❓
延伸问答
Headless UI v1.4新增了哪些组件？
Headless UI v1.4新增了标签组件。
如何升级到Headless UI v1.4？
用户可以通过npm安装最新版本来升级，命令为npm install @headlessui/react或npm install @headlessui/vue。
Headless UI v1.4对无障碍导航有什么改进？
更新简化了键盘导航和无障碍细节处理，提升了用户体验。
Popover和Disclosure组件的关闭方式有什么变化？
新增API允许通过内部按钮关闭Popover和Disclosure组件，简化了关闭方式。
标签组件的自定义支持如何？
标签组件支持自定义，用户可以创建完全声明式的标签，而无需处理复杂的无障碍细节。
Headless UI v1.4是否有破坏性更新？
Headless UI v1.4是小更新，没有破坏性更改。
🏷️
