素材阁

Emotion 速查

共 25 条Emotion 速查常用内容,涵盖基础、styled、组合、主题与全局、进阶。 支持搜索与分类筛选,点击即可复制。

基础

高性能 CSS-in-JS。

命令说明
安装(React 版)
启用
对象式 css prop
css 模板
应用样式

styled

@emotion/styled。

命令说明
安装
定义组件
元素或组件
对象写法
withComponent

组合

cx 与复用。

命令说明
类名组合
片段复用
样式数组
条件样式
底层

主题与全局

Design tokens。

命令说明
ThemeProvider
读主题
useTheme
全局样式
keyframes

进阶

SSR 与工具。

命令说明
SSR
框架无关版
编译优化
零运行时
与 MUI

相关工具