--- order: 1 title: zh-CN: 圆圈颜色 en-US: Color --- ## zh-CN 圆圈颜色,绿色用于已完成、成功状态,红色表示告警或错误状态,蓝色可表示正在进行或其他默认状态,灰色表示未完成或失效状态。 ## en-US Set the color of circles. `green` means completed or success status, `red` means warning or error, and `blue` means ongoing or other default status, `gray` for unfinished or disabled status. ```tsx import { SmileOutlined } from '@ant-design/icons'; import { Timeline } from 'antd'; import React from 'react'; const App: React.FC = () => ( Create a services site 2015-09-01 Create a services site 2015-09-01

Solve initial network problems 1

Solve initial network problems 2

Solve initial network problems 3 2015-09-01

Technical testing 1

Technical testing 2

Technical testing 3 2015-09-01

Technical testing 1

Technical testing 2

Technical testing 3 2015-09-01

Technical testing 1

Technical testing 2

Technical testing 3 2015-09-01

}>

Custom color testing

); export default App; ```