ReakitReact Web 应用开发工具包

联合创作 · 2023-09-19 10:41

Reakit 是一个 React Web 应用开发工具包。

特性:

  • 便捷,无障碍:Reakit 严格遵循 WAI-ARIA 1.1 标准,所有组件都具有开箱即用的适当属性和键盘交互。
  • 可组合:Reakit 具有强大的可组合性,可以利用任何组件或 hook 来创建新事物。
  • 可自定义:默认情况下,核心库中 Reakit 组件没有样式化,每个组件都返回一个 HTML 元素,该元素接受所有 HTML 属性,包括 className 和 style。
  • 小而快:Reakit 组件使用现代 React 构建,并遵循最佳实践。每个导入的组件大小只有几个字节到最多 3 kB。

使用示例:

import { useRoverState, Rover } from "reakit/Rover";
import { Group } from "reakit/Group";
import { Button } from "reakit/Button";
function Example() {
const roving = useRoverState();
return (
<Group>
<Rover as={Button} {...roving}>
Button 1
</Rover>
<Rover as={Button} {...roving} disabled>
Button 2
</Rover>
<Rover as={Button} {...roving} disabled focusable>
Button 3
</Rover>
<Rover as={Button} {...roving}>
Button 4
</Rover>
<Rover as={Button} {...roving}>
Button 5
</Rover>
</Group>
);
}

 

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报