微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Reakit React Web 应用开发工具包

程序名称:Reakit

授权协议: MIT

操作系统: 跨平台

开发语言: TypeScript

Reakit 介绍

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>
);
}

Reakit 官网

https://reakit.io

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐