Component reference
Layout Navigation
Component Name | Function Description |
Make the style of all elements in the container more consistent, such as margins between elements. | |
Display the title of each page. | |
List | |
Customize items in a list. | |
List-secondary | Display the additional information on the right side of the list item. |
Tabs allow the user to switch between different views in landscape. | |
Vtabs allow the user to switch between different views in vertical. | |
Card. | |
Display the coupon, red packet, and ticket that can be redeemed by users. | |
Grid. | |
Show the progress bar as per the steps. | |
Show the page footer. | |
Users must agree with terms before using or activating the service. | |
Flex layout. | |
Pagination. | |
Collapse panel. |
Float
Result
Component Name | Function Description |
Page result. | |
Message. |
Guide
Component Name | Function Description |
Tips. | |
Notice. | |
Red dot, number or text used to tell the user the number of things or updates to be handled. | |
Highlight the information, such as the warning. | |
Display the pop-up element with a mask. | |
Teach users to use features on a mask. | |
Display avatars. |
Form
Component Name | Function Description |
Text input. | |
Display the input box of the verification code. | |
Pick to input. | |
Display the input box for the password. | |
Allow users to enter multiple lines of content in an input box. | |
Input money number. | |
Allow users to perform actions or make choices. | |
Change the state on or off. | |
Search box. | |
Allow users to select radio buttons. | |
Multiple check box. |
Gesture
Component Name | Function Description |
Slide cell. |
Other
Experience Mini Program
Developers can use the Android Demo App to scan the QR code shown in the extended component documents.