Button Components
Button components are fundamental interactive elements responsible for triggering various operations and events. Built upon the Ant Design Button component, they provide comprehensive user interaction capabilities, supporting multiple button styles, state displays, permission controls, and conditional visibility, along with asynchronous operation handling and loading state feedback.
Creating button components
In the page visual editor, click Insert Component and drag the Button component onto the page. Then configure the button component parameters in the right configuration panel.
Title/icon/type configuration
Similar to Ant Design's Button component, button components offer extensive parameter configuration options for setting button titles, icons, styles, types, sizes, and other functionality.
In the visual editor, clicking on a button component reveals the parameter configuration panel where you can adjust settings.
Generally, button components display button titles by default. If the button title is hidden, the icon becomes a required field.
By default, button dimensions scale proportionally and adaptively. However, if there are no other components below the button component on the current page, the button will occupy the remaining space.
Button components can be set to fixed width and height through Set Dimensions. For specific operations, refer to Set Dimensions.
Click event handling
Button components support After Click events for handling post-click logic.
When a button is clicked, various operations can be executed, such as navigating to new pages, displaying alert dialogs, calling API endpoints, and more.