小编Dag*_*geJ的帖子

我在用import ReactTooltip from 'react-tooltip'

问题是，我不知道如何更改工具提示的位置。有默认功能吗？

我想要如下图所示的输出。

<ReactTooltip 
    id='notificationClickme' 
    place='right' 
    effect='solid' clickable={true}
    delayHide={500}
    delayShow={500}
    delayUpdate={500}
    place={'bottom'}
    border={true}
    isCapture ={true}
    type={'light'}
    ref= { el => this.tooltip = el}
>
</ReactTooltip>

<div id="notificationIcon" className="notification cursor-pointer" 
data-tip data-for='notificationClickme' data-event='click'>Notification icon image</div>

目前我变得这样

我想要这样的输出

<button class="user_badge" mat-raised-button color="primary" matBadge="1000" matBadgePosition="after" matBadgeColor="accent" MatBadgeSize="large">
  <mat-icon>person</mat-icon>
  User
</button>

我使用了徽章大小"large"，但我的一些数据倾向于用省略号 ( ...)溢出我需要增加徽章大小。如何使用 css 增加徽章大小？

角材料徽章尺寸文档

感谢任何帮助