#### Color

{{color}}
{{dataProxy(color)}}
Primary Text
{{color_text_primary}}
Regular Text
{{color_text_regular}}
Secondary Text
{{color_text_secondary}}
Placeholder
{{color_text_placeholder}}
Border Base
{{border_color_base}}
Border Light
{{border_color_light}}
Border Lighter
{{border_color_lighter}}
Border Extralight
{{border_color_extra_light}}
Background B
{{color_black}}
Background W
{{color_white}}
Background
Transparent

#### Typography

Heading1
Heading2
Heading3
Heading4
Heading5
Heading6
Example body text

With MySpace becoming more popular every day, there is the constant need to be different. There are millions of users. If MySpace layouts are chosen well, then you can enhance your profile a great deal.

Example small text

Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their desktops, while delivery people scan bar codes with handhelds and workers in the field stay in touch with the central office via their notebooks. Computer hardware weaves itself through the fabric of our lives.

#### Button

Default Primary Success Info Warning Danger Default Primary Success Info Warning Danger Plain Primary Success Info Warning Danger Plain Primary Success Info Warning Danger Round Primary Success Info Warning Danger Default Medium Small Mini 文字按钮 文字按钮

#### Radio

Option A Option B Option A Option B

#### Checkbox

Option {{city}}

#### Input

#### InputNumber

#### Select

#### Cascader

#### Switch

#### Slider

#### DatePicker

#### Rate

#### Transfer

Operation Operation

#### Table

#### Tag

Tag One Tag Two Tag Three Tag Four Tag Five

#### Progress

#### Tree

#### Pagination

#### Badge

comments replies comments replies

#### Alert

#### Loading

#### Message

Congrats, this is a success message.

Warning, this is a warning message.

This is a message.

Oops, this is a error message.

#### MessageBox

Warning

This will permanently delete the file. Continue?

#### Notification

Notification
This is a message

#### Menu

Processing Center
item one item two item three
item one item two item three Info Orders
item one item one item three
item one Navigator Two Navigator Three Navigator Four

#### Tabs

User Config Role Task User Config Role Task

#### Dialog

Tips
This is a message

#### Tooltip

Dark
Light

#### Popover

Title
this is content, this is content, this is content

#### Card

Card name

#### Carousel

### {{ item }}

#### Collapse

Consistent with real life: in line with the process and logic of real life, and comply with languages and habits that the users are used to;
Operation feedback: enable the users to clearly perceive their operations by style updates and interactive effects;

#### Avatar

avatar large medium small

#### Tree

Color 复制变量

color-primary 主题色

color-success 成功题色

color-warning 警告题色

color-danger 危险题色

color-info 信息题色

color-text-primary 主要文字颜色

color-text-regular 常规文字颜色

color-text-secondary 次要文字颜色

color-text-placeholder 占位文字颜色

border-color-base 一级边框颜色

border-color-light 二级边框颜色

border-color-lighter 三级边框颜色

border-color-xlight 四级边框颜色

    {{ cssVariables}}

使用方式：将上面的代码通过style属性添加到项目的html标签上