A2Button

Button component with action support.

Props

Property	Type	Default	Description
text	string	-	Button text
type	`primary	success	warning
size	`large	default	small`
disabled	boolean	false	Disabled state
icon	string	-	Icon name (submit/save/confirm/ok buttons auto-use Promotion icon)

Basic Example

Basic Button

{ "id": "btn1", "type": "a2-button", "props": { "text": "Click Me", "type": "primary" } }

无内容

Button Types

Button Variants

{ "id": "btnRow", "type": "a2-row", "props": { "gutter": 10 }, "children": [ { "id": "col1", "type": "a2-column", "children": [ { "id": "btn1", "type": "a2-button", "props": { "text": "Primary", "type": "primary" } } ] }, { "id": "col2", "type": "a2-column", "children": [ { "id": "btn2", "type": "a2-button", "props": { "text": "Success", "type": "success" } } ] }, { "id": "col3", "type": "a2-column", "children": [ { "id": "btn3", "type": "a2-button", "props": { "text": "Warning", "type": "warning" } } ] }, { "id": "col4", "type": "a2-column", "children": [ { "id": "btn4", "type": "a2-button", "props": { "text": "Danger", "type": "danger" } } ] } ] }

无内容

Button Sizes

Button Sizes

{ "id": "sizeRow", "type": "a2-row", "props": { "gutter": 10 }, "children": [ { "id": "col1", "type": "a2-column", "children": [ { "id": "btnLarge", "type": "a2-button", "props": { "text": "Large", "type": "primary", "size": "large" } } ] }, { "id": "col2", "type": "a2-column", "children": [ { "id": "btnDefault", "type": "a2-button", "props": { "text": "Default", "type": "primary" } } ] }, { "id": "col3", "type": "a2-column", "children": [ { "id": "btnSmall", "type": "a2-button", "props": { "text": "Small", "type": "primary", "size": "small" } } ] } ] }

无内容

JSON Schema

{
  "id": "buttonId",
  "type": "a2-button",
  "props": {
    "text": "Submit",
    "type": "primary",
    "size": "default",
    "icon": "Check"
  }
}