All files / src/icon/_example IconLargeExample.jsx

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

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        1x     1x 5x                  
import React from "react";
import { Icon } from "@tencent/tea-component/lib/icon";
import { Bubble } from "@tencent/tea-component/lib/bubble";
 
const largeIconTypes = ["warning", "error", "pending", "infoblue", "success"];
 
export default function IconExample() {
  return largeIconTypes.map(type => (
    <Bubble key={type} content={`<Icon type="${type}" size="l" />`}>
      <Icon
        type={type}
        size="l"
        style={{ margin: "0 10px 10px 0", cursor: "pointer" }}
      />
    </Bubble>
  ));
}