tencent cloud

Tencent Cloud Agent Development Platform

Release Notes and Announcements
Release Notes
Product Announcement
Product Introduction
Product Overview
Advantages
Use Cases
Model Introduction
Purchase Guide
Package Subscription
Previous Version
Getting Started
Agent Application and Its Three Modes
Creating a "Content Summary Assistant" in Standard Mode
Creating a “Webpage Scraping Assistant” in Single Workflow Mode
Creating a “Stand-up Comedy Content Creation Assistant” in Multi-Agent Mode
Operation Guide
Application Development
Workflow
Multi-Agent
Knowledge Base
Widget
Plugin Marketplace
Model List 
Prompt Templates
Application Templates
Platform Management
Business, Workspace and Permissions
API Documentation
History
API Category
Making API Requests
Atomic Capability APIs
Operation Optimization APIs
Document Library APIs
Q&A Database APIs
Knowledge Tag APIs
Application Management APIs
Enterprise Management APIs
Billing APIs
Release Management APIs
Dialogue Endpoint APIs
Data Statistics APIs
Data Types
Error Codes
Application API Documentation
Dialogue API Overview
Dialog API Documentation (WebSocket)
Dialog API Documentation (HTTP SSE)
Image Chat or File Chat (Real-time Document Parsing + Chat)
Offline Document Upload
Tencent Cloud Agent Development Platform Operation COS Guide
ADP Document Parsing Protocol
FAQs
Product FAQs
Technical FAQs
Related Agreements
Tencent Cloud Agent Development Platform Service Level Agreement
Tencent Cloud Agent Development Platform Service Specific Terms
Tencent Cloud Agent Development Platform Privacy Policy
Tencent Cloud Agent Development Platform Data Processing and Security Agreement
Open-Source License Statement
Lighthouse OpenClaw Connector Plugin Service Agreement
Contact Us
Glossary
DokumentasiTencent Cloud Agent Development PlatformOperation GuideWidgetWidget ComponentsInteractive ComponentButton

Button

PDF
Mode fokus
Ukuran font
Terakhir diperbarui: 2026-02-03 15:58:18

Component Feature

Interactive button component for triggering actions, supporting various styles, sizes and icon configurations.

Basic Usage

Set the button text via label, trigger the onClickAction when clicked, and customize the button appearance by combining icon and style configuration.
Template example:
<Button label="click button" style="primary" />
Effect display as follows:




Attribute Description

Property Name
Type
Description
Default value
label
string
button text
-
onClickAction
ActionConfig
Click event configuration
-
iconStart
string
Starting icon name
-
iconEnd
string
End icon name
-
iconSize
"sm" | "md" | "lg" | "xl" | "2xl"
icon size
"md"
submit
boolean
whether submit button
false
style
"primary" | "secondary"
button style
-
color
"primary" | "secondary" | "info" | "success" | "warning" | "danger"
button color
"primary"
variant
"solid" | "soft" | "outline" | "ghost"
button variant style
"solid"
size
"3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"
button size
"md"
pill
boolean
whether it is capsule shape
false
uniform
boolean
unify width
false
disabled
boolean
whether to disable
false
block
boolean
whether it is block-level element
false

onClickAction Attribute Description

onClickAction is for configuration of the behavior triggered when clicking a Button, including event type, data content and whether multiple clicks are supported. For more Action configuration instructions, see Widget Action Instructions.
Field
Type
Description
Default value
type
"sys.chat" | "sys.go_to_url" | "sys.download"
Define the data type for specific behavior to execute after user interaction.
-
payload
object
Provide the required data content for the specified Action type.
-
alwaysEnabled
boolean
Whether to allow multiple clicks on the button. If not configured, the default is single click.
false
alwaysEnabled field description:
Defaults to false. At this point, the Button only supports a single click operation and is automatically disabled after being clicked once.
Configured as true. At this point, the Button supports multiple clicks even if the Widget where it resides is not the latest news.
Note:
alwaysEnabled is configured as true for downloading (sys.download), redirection (sys.go_to_url) and other repeatable operations. It is not recommended for Actions of sys.chat type to avoid triggering duplicate dialogue requests.
Template example:
In this Template, since the alwaysEnabled field is configured as true, the download image Button supports multiple clicks.
<Button
  download image
  onClickAction={{
    type: 'sys.download',
    alwaysEnabled: true,
    payload: {
      url: 'https://cdn.xiaowei.qq.com/static/adp/app-default-avatar.png',
    },
  }}
  style="primary"
  block
/>

Topik sebelumnya: CountdownTopik selanjutnya: Input

Bantuan dan Dukungan

Apakah halaman ini membantu?

masukan