Tag

1
() => (
2
  <Group>
3
    <Tag>KubeSphere</Tag>
4
    <Tag title="job-name">KubeSphere</Tag>
5
  </Group>
6
)

1
() => (
2
  <Group>
3
    <Tag color="warning">KubeSphere</Tag>
4
    <Tag color="error">KubeSphere</Tag>
5
    <Tag color="secondary">KubeSphere</Tag>
6
    <Tag color="success">KubeSphere</Tag>
7
    <Tag title="job-name" color="success">
8
      KubeSphere
9
    </Tag>
10
  </Group>
11
)

1
() => {
2
  const { Add } = KubeIcon;
3
  return (
4
    <Tag
5
      color="success"
6
      title={<Add variant="light" size={14} />}
7
      titleStyle={{ backgroundColor: 'transparent', margin: '0', padding: '0 3px' }}
8
    >
9
     Add
10
    </Tag>
11
  )
12
}