Headless UI

Headless UI 是一个用于构建用户界面的组件库,主要特点是它完全无样式(unstyled)且注重可访问性(accessibility)。它由 Tailwind Labs 开发,设计目标是与 Tailwind CSS 无缝集成,同时为开发者提供最大的视觉灵活性。简单来说,Headless UI 提供了组件的功能和交互逻辑(如按钮、菜单、下拉框等的状态管理和键盘导航),但不附带任何预定义的样式,开发者可以根据需求自由定制外观。

{{totalSubscript}} 订阅 ,1,387 游览
    0
    推荐
    27
    浏览
    headlessui之Dialog
    在 **React** 项目中,`@headlessui/react` 是一个由 Tailwind Labs 开发的**无样式、可访问性良好的 UI 组件库**,常用于构建完全自定义风格的对话框(Dialog)、菜单、列表等。`@headlessui/react` 提供的 **`Dialog`、`D...
     半兽人 发布于2天前
    0
    推荐
    291
    浏览
    Headless UI中Transition的用法
    在 Headless UI 中,`Transition` 是一个专门用于处理组件进入和离开动画的工具。它本身不负责具体的 UI 功能,而是为其他组件(如 `Menu`、`Dialog` 或自定义元素)提供平滑的过渡效果。通过结合 CSS 动画或 Tailwind CSS 类名,`Transition...
     半兽人 发布于4月前
1 / 1 跳转到