🌊
[Ant Design] Tagのテキストが長いときに省略させる
Ant DesignのTagにはめちゃ長いテキストが入ってしまう
こんな感じになっちゃうのを
こうする
実装方法
<Tag closeIcon onClose={preventDefault} style={{display: "flex"}}>
<span class="ellipsis">
とてもすごくめちゃ長いロングなテキスト
</span>
</Tag>
</Space>
.ellipsis {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 50px; /*お好きな値に*/
}
こうすることで、クローズアイコンを出したままめちゃ長いテキストを省略することができる。
参考
Discussion