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.

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

Badge

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