All files / src/text/_example TextOverflowExample.jsx

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19      1x     1x                        
import React from "react";
import { Text } from "@tencent/tea-component/lib/text";
 
const commonStyle = { width: 100, background: "#ffffc1", margin: "5px 0" };
 
export default () => (
  <>
    <Text parent="div" style={commonStyle}>
      默认情况文本超过一行自动换行
    </Text>
    <Text parent="div" style={commonStyle} overflow>
      指定 overflow 自动截断过长的文本
    </Text>
    <Text parent="div" style={commonStyle} nowrap>
      指定 nowrap 不换行,溢出到宽度外
    </Text>
  </>
);