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