Coolpad Web UI Kits
IE8+
document

Button

Normal

default button
outline button
warning button
disabled button
loading button
gray button

Large

default button
outline button
warning button
disabled button
loading button
gray button

Small

default button
outline button
warning button
disabled button
gray button

Dropdown

Input with reminder

Default

placeholder

Success

success message

Error

error message

Disabled

placeholder

Input

Default

Error

error message
error message

Disabled

Serach bar

×
dialog
This is a demo.
button
button

Dialog

Default

×
dialog
This is a demo.

Dialog with one option

×
dialog
This is a demo.
button

Dialog with two options

×
dialog
This is a demo.
show the dialog
button

Alerts

Default

Well done! You sucessfully read this important alert message.
×

Prompt

Well done! You sucessfully read this important alert message.
×

Warning

Well done! You sucessfully read this important alert message.
×

Example

Well done! You sucessfully read this important alert message.
×
show the alert

Table

Title
data data
data data
data data
data data

Checkbox

Default

Disabled

Radio

Default

Disabled

Pagination

Tab

Level 1

example
example
example
example

Level 2

example
example
example
example

Placeholder

Null

Loading

Menu

Level 1

Item with icon
Item with icon
Item with icon
Item with icon
Item with icon
This is an item
This is an item
This is an item
This is an item
This is an item

Level 2