Extended 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 | List |
Customize items in a list. | |
List-secondary | Display the additional information on the right side of the list item. |
| Tabs | Tabs allow the user to switch between different views in landscape. |
| VTabs | Vtabs allow the user to switch between different views in vertical. |
| Card | Card. |
Display the coupon, red packet, and ticket that can be redeemed by users. | |
| Grid | Grid. |
| Steps | Show the progress bar as per the steps. |
| Footer | Show the page footer. |
Users must agree with terms before using or activating the service. | |
| Flex | Flex layout. |
| Pagination | Pagination. |
| Collapse | Collapse panel. |
Float
| Component Name | Function Description |
| Popover | Popover. |
| Filter | Use as tab filter. |
| Modal | Dialog box. |
| Popup | Popup menu. |
Result
| Component Name | Function Description |
| PageResult | Page result. |
| Message | Message. |
Guide
| Component Name | Function Description |
| Tips | Tips. |
| Notice | Notice. |
| Badge | 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. | |
Guide | Teach users to use features on a mask. |
Avatar | Display avatars. |
Form
| Component Name | Function Description |
| InputItem | Text input. |
Display the input box of the verification code. | |
| PickerItem | Pick to input. |
Long password | Display the input box for the password. |
Allow users to enter multiple lines of content in an input box. | |
| AmountInput | Input money number. |
Allow users to perform actions or make choices. | |
Change the state on or off. | |
| SearchBar | Search box. |
Allow users to select radio buttons. | |
| AMCheckBox | Multiple check box. |
Gesture
| Component Name | Function Description |
| SwipeAction | Slide cell. |
Other
| Component Name | Function Description |
| Calendar | Calendar. |
| Stepper | Stepper. |
| AMIcon | Icons. |
Arrange content in the alphabetical order. | |
Display the loading animation. |
Experience Mini Program
Developers can use the Android Demo App to scan the QR code shown in the extended component documents.