Emotion 速查
共 25 条Emotion 速查常用内容,涵盖基础、styled、组合、主题与全局、进阶。 支持搜索与分类筛选,点击即可复制。
基础
高性能 CSS-in-JS。
| 命令 | 说明 |
|---|---|
| 安装(React 版) | |
| 启用 | |
| 对象式 css prop | |
| css 模板 | |
| 应用样式 |
styled
@emotion/styled。
| 命令 | 说明 |
|---|---|
| 安装 | |
| 定义组件 | |
| 元素或组件 | |
| 对象写法 | |
| withComponent |
组合
cx 与复用。
| 命令 | 说明 |
|---|---|
| 类名组合 | |
| 片段复用 | |
| 样式数组 | |
| 条件样式 | |
| 底层 |
主题与全局
Design tokens。
| 命令 | 说明 |
|---|---|
| ThemeProvider | |
| 读主题 | |
| useTheme | |
| 全局样式 | |
| keyframes |
进阶
SSR 与工具。
| 命令 | 说明 |
|---|---|
| SSR | |
| 框架无关版 | |
| 编译优化 | |
| 零运行时 | |
| 与 MUI |