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

MessageBox

Warning

This will permanently delete the file. Continue?

Notification

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

Tooltip

Popover

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-extra-light 四级边框颜色

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