Skip to main content

Button Button

Button is used to start an instantaneous operation.

When to use

  • Mark an operation command (or encapsulate a set of operation commands), respond to user click behavior, and trigger corresponding business logic.

Component Example

Component Properties

属性说明类型默认值
baseIcon

Button base icon, refer to Icon's baseIcon property settings

string

-
behavior

Form display status

'NORMAL' | 'DISABLED' | 'HIDDEN'

'NORMAL'

content

Button text content

string

'Button'

contentMarginMobile

Mobile button left and right spacing

'0' | '16'

'0'

loading

Whether it is in loading state

boolean

false

otherIcon

Other icons, refer to Icon's otherIcon property settings

string

-
size

Button size

'small' | 'medium' | 'large'

'medium'

triggerEventsWhenLoading

Whether to respond to actions when the button is in loading state

boolean

false

type

Button type

'primary' | 'normal' | 'secondary' | 'ghostLight' | 'ghostDark' | 'warningNormal' |'warningPrimary' | 'textNormal' | 'textPrimary' | 'textSecondary'

'primary'

This doc is generated using machine translation. Any discrepancies or differences created in the translation are not binding and have no legal effect for compliance or enforcement purposes.
© 2014–2025 DingTalk Technology Co., Ltd