如何设置材质ui图标的样式
提问于 2020-10-09 09:56:56
如何在按钮中居中显示材质ui图标？
import AddIcon from '@material-ui/icons/Add';
<Button><AddIcon style={{ bottom: 3, right: 3 }}/>ADD</Button>
回答 2
Stack Overflow用户
发布于 2020-10-09 10:01:32
有一种特殊类型的按钮，称为带有图标和标签的按钮。
你可以阅读更多关于它的here。
Stack Overflow用户
发布于 2020-10-09 10:01:46
要将自定义样式添加到Material ui，您需要使用makeStyles
示例
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
...
const useStyles = makeStyles({
root: {
background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
borderRadius: 3,
border: 0,
color: 'white',
height: 48,
padding: '0 30px',
boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',
},
label: {
textTransform: 'capitalize',
},
});
...
const classes = useStyles();
return (
<AddIcon
classes={{
root: classes.root,
label: classes.label,
}}
>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64277756
复制相关文章
腾讯云开发者
