Mastering the UI Kit

Cocos Creator provides developers with a wealth of interface elements to help developers develop panel interfaces quickly. At the same time, developers are provided with a control preview panel, which is convenient for developers to view various properties of the control and their corresponding effects when using the control.

To open the control preview window, select Developer -> UI Kit Preview in the main menu.

The current interface elements include:

Controls

• ui-button
• ui-checkbox
• ui-color
• ui-input
• ui-num-input
• ui-select
• ui-slider
• ui-text-area

Special controls

• ui-asset
• ui-node

Control container

• ui-box-container
• ui-prop
• ui-section

View elements

• ui-hint
• ui-loader
• ui-markdown
• ui-progress