Chakra UI 速查
共 25 条Chakra UI 速查常用内容，涵盖基础、样式 Props、布局与颜色、主题定制、Hooks 与反馈。 支持搜索与分类筛选，点击即可复制。
基础
组件 + 样式 props 的 React 库。
| 命令 | 说明 |
|---|---|
| 安装（v2） | |
| 包裹应用 | |
| 引入组件 | |
| 按钮 | |
| Box |
样式 Props
直接用属性设样式。
| 命令 | 说明 |
|---|---|
| 间距/背景/圆角 | |
| 文本 | |
| Stack 排列 | |
| Flex | |
| 响应式值 |
布局与颜色
约定 token。
| 命令 | 说明 |
|---|---|
| 容器 | |
| 网格 | |
| 颜色 token | |
| 间距 token | |
| Grid |
主题定制
extendTheme。
| 命令 | 说明 |
|---|---|
| 扩展主题 | |
| 注入主题 | |
| 颜色模式 | |
| 切换暗色 | |
| 组件样式 |
Hooks 与反馈
交互。
| 命令 | 说明 |
|---|---|
| 提示 | |
| 显隐控制 | |
| 对话框 | |
| 悬停提示 | |
| 版本 |