在IconButton中是否有什么东西可以用来定义图标下面的标签?
也许类似于BottomNavigationAction,但不一定要在BottomNavigation中。
发布于 2019-09-20 20:53:56
您可以将您的标签添加为IconButton的直接子级(图标本身的同级),并覆盖图标按钮标签样式,使其具有flexDirection:列。
import React from 'react';
import {IconButton} from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
import SaveIcon from '@material-ui/icons/Save';
const useStyles = makeStyles(theme => ({
iconButtonLabel: {
display: 'flex',
flexDirection: 'column',
},
}));
export default function IconButtonWithLabel() {
const classes = useStyles();
return (
<IconButton classes={{label: classes.iconButtonLabel}}>
<SaveIcon/>
<div>
hello
</div>
</IconButton>
);
}
https://stackoverflow.com/questions/58034255
复制相似问题