Radix UI

给自定义组件补上可靠的无样式交互与可访问性。

访问官网 GitHub

简介

一套无样式 React 组件原语，处理弹窗、菜单、选择器等复杂交互中的焦点、键盘与无障碍细节，视觉层完全留给项目自己决定。

安装

npm install @radix-ui/react-dialog

命令用于快速开始，具体版本与配置请以官方文档为准。

适用场景

实现需要键盘和焦点管理的对话框
打造完全贴合品牌的选择器与菜单
为设计系统提供稳定的交互底座

特点

组件默认考虑键盘导航与焦点归还
不附带视觉样式，方便自由设计
复杂交互拆成可组合的子组件

专属示例

真实运行

焦点管理与键盘可达

Radix UI 的无样式原语实现真实焦点陷阱、Esc 关闭与关闭后焦点回到触发元素，标签页可用方向键切换。