Question

Material-ui为我们提供了一个默认的图标按钮。但是，我想将默认图标按钮的设计更改为：IconButton design needed

我可以知道如何更改它吗？谢谢。

Answer 1

根据these docs（有关详细说明，请参见它们），IconButton将与任何图标found here一起使用。您链接的图像看起来最像menu。用法示例：

import React, {Component} from 'react';
import IconButton from '@material-ui/core/IconButton';
import Menu from '@material-ui/icons/Menu';

class App extends Component {
  render() {
    return (
      <IconButton>
        <Menu/>
      </IconButton>
    );
  }
}

export default App;

如果您使用的是create-react-app，并且想使用自定义的SVG，请执行以下操作：

import React, {Component} from 'react';
import IconButton from '@material-ui/core/IconButton';
import CustomMenu from './custom_menu.svg'; // root of src

class App extends Component {
  render() {
    return (
      <IconButton>
        <img src={CustomMenu}/>
      </IconButton>
    );
  }
}

export default App;

如何在material-ui中更改IconButton的设计？

1 个答案: