h1. Ant Design

h1. Ant Design

h2. Ant Design

h2. Ant Design

h3. Ant Design

2

h3. Ant Design

2

h4. Ant Design

h4. Ant Design

Ant Design Title 1

Ant Design Title 2

Ant Design Title 3

Ant Design Title 4

Color

@primary-color

全局主色

@success-color

成功色

@info-color

提示色

@warning-color

警告色

@error-color

错误色

@highlight-color
高亮色

@body-background

body背景色

@component-background

组件背景色

@layout-body-background

@border-color-base

边框色

@border-color-split

二级分割线

@link-color

链接色

@disabled-color

禁用色

@disabled-bg

禁用背景色

@processing-color

进度色

@icon-color

图标色

@icon-color-hover

图标hover色

@heading-color

标题色

@text-color

文本色

@text-color-secondary

二级文本色

@text-selection-bg

文本选中色

@text-color-inverse

反转文本色

@heading-color-dark

深色标题色

@text-color-dark

深色文本色

@text-color-secondary-dark

深色二级文本色

Typography

展开

Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team.

function hello ()

Button

Checkbox

ApplePearOrangeBanana

Input

Select

Lucy

a10c12

TreeSelect

Please select

Switch

Slider

0°C26°C37°C100°C

DatePicker

~

TimePicker

Rate

good

A
A
A
A
A
A
A
A
A
A

Steps

Finished

This is a description.

2

In Progress

This is a description.

3

Waiting

This is a description.

Login

Verification

Pay

Done

Finished

This is a description.

In Progress

This is a description.

Waiting

This is a description.

Finished

This is a description.

2

In Progress

This is a description.

3

Waiting

This is a description.

Cascader

Dropdown

Transfer

14 项Source

6 项Target

Table

Name	Age	Action
John Brown	12	John Brown Delete More
John Brown	22	John Brown Delete More
John Brown	32	John Brown Delete More
John Brown	42	John Brown Delete More
John Brown	52	John Brown Delete More

1

Pagination

1
2
3
4
5

1
2
3
4
5
•••
50
10 条/页

1
2
3
4
5
10 条/页
跳至页

/5

1
2
3
4
5

1
2
3
4
5
10 条/页
跳至页

1
2
3
4
5

Progress

30%

50%

75%

60%

Tree

parent 1

parent 1-0

leaf

parent 1-1

sss

parent 1

parent 1-0

leaf

parent 1-1

sss

parent 1

parent 1-0

leaf

parent 1-1

parent 1-2

Spin

Loading...

Alert message titleFurther details about the context of this alert.

Tabs

Tab 1

Tab 2

Tab 3

Content of Tab Pane 1

Tab 1

Tab 2

Tab 3

Content of Tab Pane 1

Menu

Card

Default size card

More

Card content

Small size card

More

Card content

Card title

This is the description

Carousel

Collapse

This is panel header 1

A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.

This is panel header 2

This is panel header 3

This is panel header 1

A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.

This is panel header 2

This is panel header 3

Avatar

U

USER

U

Calendar

2025年

3月

月年

2025年

3月

月年

List

Header

[ITEM] Racing car sprays burning fuel into crowd.
[ITEM] Japanese princess to wed commoner.
[ITEM] Australian walks 100km after outback crash.
[ITEM] Man charged over missing wedding girl.
[ITEM] Los Angeles battles huge wildfires.

Footer

Ant Design Title 1
Ant Design, a design language for background applications, is refined by Ant UED Team
Ant Design Title 2
Ant Design, a design language for background applications, is refined by Ant UED Team
Ant Design Title 3
Ant Design, a design language for background applications, is refined by Ant UED Team
Ant Design Title 4
Ant Design, a design language for background applications, is refined by Ant UED Team

Timeline

Create a services site 2015-09-01
Solve initial network problems 2015-09-01
Technical testing 2015-09-01
Network problems being solved 2015-09-01

Create a services site 2015-09-01
Solve initial network problems 2015-09-01
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Network problems being solved 2015-09-01
Create a services site 2015-09-01
Technical testing 2015-09-01

Tag

Tag 1LinkTag 2Prevent Default

magentaredvolcanoorangegoldlimegreencyan

#f50#2db7f5#87d068#108ee9

Badge

^{0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9}

⁰

^{0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
90
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9}

⁹⁹⁺

¹⁰⁺

⁹⁹⁹⁺

^{0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
90
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9}

^{0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9}

⁹⁹⁺

Success

Error

Default

Processing

Warning

Alert

Success Tips

Informational Notes

Warning

Error

Success TipsDetailed description and advice about successful copywriting.

Informational NotesAdditional description and information about copywriting.

WarningThis is a warning notice about copywriting.

ErrorThis is an error message about copywriting.

Message

Notification

Tooltip

Popover

Modal

08
This is warning event.
This is usual event.

10
This is warning event.
This is usual event.
This is error event.

15
This is warning event
This is very long usual event。。....
This is error event 1.
This is error event 2.
This is error event 3.
This is error event 4.