用途:Chakra UI v3 是面向 React 的无障碍组件库,内置样式、主题与设计令牌,适合构建可访问的组件系统、主题化界面与表单。
主要能力:提供 Button、Input、Field、Dialog、Menu、Tabs、Card、Accordion 等组件;v3 采用点号复合组件写法(如 Dialog.Root、Dialog.Content)。支持样式属性(bg、color、p、m、w、h、rounded、shadow、gap 等)、响应式对象与数组语法、布局组件(Box、Flex、Grid、Stack、Container、Center)。主题方面支持 defineConfig 自定义 tokens 与 semanticTokens,每个色板提供 solid、contrast、fg、muted、subtle、emphasized、focusRing 七个语义令牌,并支持明暗模式(useColorMode、ColorModeButton)。变体通过 defineRecipe 与 defineSlotRecipe 定义。
使用方式:安装 npm i @chakra-ui/react @emotion/react;用 npx @chakra-ui/cli snippet add 添加预置片段;在根布局用 Provider 包裹应用;通过 createSystem(defaultConfig, config) 生成自定义主题并传给 ChakraProvider。
适用场景:需要无障碍、可主题化的 React 界面与组件系统。
限制:资料未提供收费、价格、平台支持范围与性能数据,暂未提供。