Components

Choose a component to view its demos, usage, and API.

Component catalog

Filter by name or target.

53 components

Search components

Basic

Build page content and primary actions.

5

ButtonButtonH5WeappBadgeBadgeH5WeappCellCellH5WeappImageImageH5WeappInputInputH5Weapp

Form Components

Handle entry, selection, validation, and mobile input.

19

CalendarCalendarH5CalendarCardCalendar CardH5CascaderCascaderH5CheckboxCheckboxH5WeappDateFieldDate FieldH5WeappDatePickerDate PickerH5FormFormH5WeappInputNumberInput NumberH5WeappNumberKeyboardNumber KeyboardH5PickerPickerH5WeappRadioRadioH5WeappSelectSelectH5WeappSwitchSwitchH5WeappRangeRangeH5RateRateH5WeappSearchbarSearchbarH5WeappShortPasswordShort PasswordH5TextareaTextareaH5WeappUploaderUploaderH5

Layout

Structure rhythm, spacing, and sticky regions.

6

DividerDividerH5WeappGridGridH5WeappLayoutLayoutH5WeappListList LoadingH5WeappSpaceSpaceH5WeappStickyStickyH5Weapp

Navigation

Support page hierarchy, local switching, and mobile journeys.

10

BreadcrumbBreadcrumbH5WeappElevatorElevatorH5FixedNavFixed NavigationH5IndicatorIndicatorH5WeappMenuMenuH5WeappNavbarNavbarH5WeappPaginationPaginationH5WeappSideNavbarSide NavbarH5TabbarTabbarH5WeappTabsTabsH5Weapp

Feedback

Communicate progress, overlays, surfaces, and transient results.

7

LoadingLoadingH5WeappSkeletonSkeletonH5WeappOverlayOverlayH5WeappWatermarkWatermarkH5WeappPopupPopupH5WeappPullRefreshPull RefreshH5WeappToastToastH5Weapp

Advanced

Compose floating layers, native capabilities, and high-risk flows.

6

PopoverPopoverH5WeappDialogDialogH5WeappRegionPickerRegion PickerH5WeappSignatureSignatureH5WeappMapMapWeappRobotChatRobot ChatWeapp