问如何在IconButton前面添加文本
EN

Stack Overflow用户

提问于 2019-09-05 18:31:01

回答 1查看 256关注 0票数 0

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

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

如何在图标前添加文本？

reactjs

icons

material-ui

回答 1

Stack Overflow用户

发布于 2019-09-05 21:19:37

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57803482

复制

相似问题

问如何在IconButton前面添加文本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在IconButton前面添加文本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在IconButton前面添加文本
EN