Extended Component Reference

Component name

Function description

Button

Create buttons to allow users to take actions or make choices.

Icon

Represent content or actions with predefined icons.

Component name

Function description

TabBar

Create a bottom navigation bar to switch between different views easily.

Tabs

Organize content into distinct groups to easily switch between different views without leaving the page.

Title

Display the title of each page.

Card

Card.

Coupon

Display the coupon, red packet, and ticket that can be redeemed by users.

Steps

Show the progress bar as per the steps.

Footer

Show the page footer.

Terms

Users must agree with terms before using or activating the service.

Flex

Flex layout.

Pagination

Pagination.

Component name

Function description

Avatar

Display avatars to visually represent users or objects.

Calendar

View and interact with dates based on the calendar form.

Collapse

Create collapsible and expandable content areas.

Container

Create containers to hold various contents and enable consistent styling.

Divider

Create clear visual boundaries between different sections or groups of elements.

Empty

Create empty states to inform users of the absence of content and provide necessary guidance.

Grid

Organize content in a grid layout.

GuideTour

Create a mask to guide users through a series of steps or highlight key features on a mini-program page.

IndexBar

Create a visual index to quickly navigate and locate specific items in a lengthy list.

List

Present information in a list format.

Component name

Function description

Popover

Popover.

Filter

Use as tab filter.

Modal

Dialog box.

Popup

Popup menu.

Component name

Function description

PageResult

Page result.

Message

Message.

Component name

Function description

Badge

Create badges to notify users of pending tasks or new updates.

Tips

Tips.

Notice

Notice.

Tag

Highlight the information, such as the warning.

Mask

Display the pop-up element with a mask.

Component name

Function description

InputItem

Text input.

Verify Code

Display the input box of the verification code.

PickerItem

Pick to input.

Long password

Display the input box for the password.

Multi Liner

Allow users to enter multiple lines of content in an input box.

AmountInput

Input money number.

Am-switch

Change the state on or off.

SearchBar

Search box.

AMRadio

Allow users to select radio buttons.

AMCheckBox

Multiple check box.

Component name

Function description

SwipeAction

Slide cell.

Component name

Function description

Stepper

Stepper.

Alphabet

Arrange content in the alphabetical order.

Loading

Display the loading animation.