StatusDot

1
() => (
2
  <Group>
3
    <StatusDot color="success">Ready</StatusDot>
4
    <StatusDot color="warning">Warning</StatusDot>
5
    <Tooltip content="Warning tips">
6
      <StatusDot color="error" />
7
    </Tooltip>
8
  </Group>
9
)
10

1
() => (
2
  <Group>
3
    <StatusDot />
4
    <StatusDot color="warning" />
5
    <StatusDot color="success" />
6
    <StatusDot color="error" />
7
  </Group>
8
)
9

1
() => (
2
  <Group spacing={30}>
3
    <StatusDot motion />
4
    <StatusDot motion color="warning" />
5
    <StatusDot motion color="success">
6
      启动中
7
    </StatusDot>
8
    <StatusDot motion color="error">
9
      重启中
10
    </StatusDot>
11
  </Group>
12
)
13