Skip to main content

Implementing a Custom button Component

Note

This article describes the implementation of compatible components, which are adapted to mini-program components and Web components, enabling cross-platform usage.

If it is only adapted to a single platform (Mini Program or Web), it can only be used on that single platform.

Preparations​

Refer to the Create Your First Component Library document to complete:

  1. Create a cloud component library
  2. Associate the local component library

Step 1: Edit the component library configuration​

Refer to the Component Library Configuration document to edit the configuration.

Step 2: Edit the component configuration​

Refer to the Component Configuration document to edit the configuration.

Step 3: Edit the mini-program component source code​

Refer to the Mini-Program Component Source Code document to edit the source code.

Step 4: Edit the Web component source code​

Refer to the Web component source code document to edit the source code.

Step 5: Debug the component​

Component debugging is not currently supported individually.

Refer to the Create Your First Component Library document and debug the component using the debug local component library capability.

Step 6: Publish the component​

Component publishing is not currently supported individually.

Refer to the Create Your First Component Library document and publish the component using the publish local component library and publish cloud component library capabilities.