菜单
Element Plus Button (按钮) component (el-button) API documentation. Triggers when user wants to use, implement, or asks about el-button or Button component.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Element Plus Affix component (el-affix) API documentation. Triggers when user wants to use, implement, or asks about el-affix or Affix component.
Element Plus Alert component (el-alert) API documentation. Triggers when user wants to use, implement, or asks about el-alert or Alert component.
Element Plus Anchor component (el-anchor) API documentation. Triggers when user wants to use, implement, or asks about el-anchor or Anchor component.
Element Plus Autocomplete component (el-autocomplete) API documentation. Triggers when user wants to use, implement, or asks about el-autocomplete or Autocomplete component.
Element Plus Avatar component (el-avatar) API documentation. Triggers when user wants to use, implement, or asks about el-avatar or Avatar component.
Element Plus Backtop component (el-backtop) API documentation. Triggers when user wants to use, implement, or asks about el-backtop or Backtop component.
| name | element-plus-button |
| description | Element Plus Button (按钮) component (el-button) API documentation. Triggers when user wants to use, implement, or asks about el-button or Button component. |
| Name | Description | Type | Default |
|---|---|---|---|
| size | button size | ^[enum]'large' | 'default' | 'small' | — |
| type | button type, when setting color, the latter prevails | ^[enum]'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | '' | 'text' (deprecated) | — |
| plain | determine whether it's a plain button | ^[boolean] | false |
| text ^(2.2.0) | determine whether it's a text button | ^[boolean] | false |
| bg ^(2.2.0) | determine whether the text button background color is always on | ^[boolean] | false |
| link ^(2.2.1) | determine whether it's a link button | ^[boolean] | false |
| round | determine whether it's a round button | ^[boolean] | false |
| circle | determine whether it's a circle button | ^[boolean] | false |
| dashed ^(2.13.3) | determine whether it's a dashed button | ^[boolean] | false |
| loading | determine whether it's loading | ^[boolean] | false |
| loading-icon | customize loading icon component | ^[string] / ^[Component] | Loading |
| disabled | disable the button | ^[boolean] | false |
| icon | icon component | ^[string] / ^[Component] | — |
| autofocus | same as native button's autofocus | ^[boolean] | false |
| native-type | same as native button's type | ^[enum]'button' | 'submit' | 'reset' | button |
| auto-insert-space | automatically insert a space between two chinese characters(this will only take effect when the text length is 2 and all characters are in Chinese.) | ^[boolean] | false |
| color | custom button color, automatically calculate hover and active color | ^[string] | — |
| dark | dark mode, which automatically converts color to dark mode colors | ^[boolean] | false |
| tag ^(2.3.4) | custom element tag | ^[string] / ^[Component] | button |
| Name | Description |
|---|---|
| default | customize default content |
| loading | customize loading component |
| icon | customize icon component |
| Name | Description | Type |
|---|---|---|
| ref | button html element | ^[object]Ref<HTMLButtonElement> |
| size | button size | ^[object]ComputedRef<'' | 'small' | 'default' | 'large'> |
| type | button type | ^[object]ComputedRef<'' | 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text'> |
| disabled | button disabled | ^[object]ComputedRef<boolean> |
| shouldAddSpace | whether adding space | ^[object]ComputedRef<boolean> |
| Name | Description | Type | Default |
|---|---|---|---|
| size | control the size of buttons in this button-group | ^[enum]'large' | 'default' | 'small' | — |
| type | control the type of buttons in this button-group | ^[enum]'primary' | 'success' | 'warning' | 'danger' | 'info' | — |
| direction ^(2.11.9) | display direction | ^[enum]'horizontal' | 'vertical' | horizontal |
| Name | Description | Subtags |
|---|---|---|
| default | customize button group content | Button |
