Question

我需要在材料ui的IconButton之前添加自定义文本。下面是按钮的代码

 <div className={classes.toolbar}>     
 <IconButton onClick={handleDrawerClose}>
        {theme.direction === 'rtl' ? <ChevronRightIcon /> : <ChevronLeftIcon />}
 </IconButton>
 </div>

如何在图标前添加文字？

Answer 1

您可以使用Button组件并相应地设置其样式

<Button
  variant="contained"
  color="secondary"
  className={classes.button}
>
  My Button Text
  {
    theme.direction === 'rtl'
    ? <ChevronRightIcon />
    : <ChevronLeftIcon />
  }
</Button>

如何在IconButton前面添加文本

1 个答案: