javascript - 如何在 Chakra UI 主题中设置自定义过渡
问题描述
我想创建这样的主题:
extendTheme({
textStyles: {
title: {
fontSize: "40px",
fontWeight: "500",
letterSpacing: '-0.6px',
lineHeight: '48px'
}
},
transition: {
custom: {
property: 'transform',
duration: '0.5s',
easing: 'ease-in-out'
}
}
})
然后就像使用我的过渡一样
<Box textStyle={'title'} transition={'custom.transform'} /* or transition='custom', whatever */>
或类似的东西,但我不能像在jsx中使用变量那样真正定义它。有没有办法做到这一点?
解决方案
推荐阅读
- javascript - 如何使用jquery在编辑案例中制作可编辑文本
- javascript - 使用 react js 的绝对文件路径
- c# - 通过 Postman 进行 HMAC 身份验证
- javascript - 反应原生 react-native-sqlite-storage 不返回结果
- html - IE & Edge 边框虚线和边框半径问题
- server - 安装 Web 应用程序后更改文档根目录
- scala - 如何从地图中获取演员参考
- javascript - 如何使用 fullcalendar 在单元格中设置星期几和月份名称
- android - 如何使用房间查询非特定字段名称?
- telegram - tdlib 获取(另一个)用户的通知设置