Button 按钮

Icon 图标

提供7个默认图标

示例代码

<t-button icon="edit">按钮</t-button>
<t-button icon="success">按钮</t-button>
<t-button icon="warning">按钮</t-button>
<t-button icon="setting">按钮</t-button>
<t-button icon="left">按钮</t-button>
<t-button icon="right">按钮</t-button>
<t-button icon="loading">按钮</t-button>

基本用法

示例代码

<t-button>默认按钮</t-button>
<t-button icon="warning" iconPosition="right">设置icon位置</t-button>
<t-button :loading="true">加载状态</t-button>

Attributes

参数	说明	类型	可选值	默认值
icon	选择默认icon	String	edit,success,warning,setting,left,right,loading	——
iconPosition	icon位置	String	left,right	left
loading	加载状态	Boolean	true,false	false

ButtonGroup 按钮组合

横向排列的按钮组合


示例代码

<t-button-group>
<t-button>按钮1</t-button>
<t-button>按钮2</t-button>
<t-button>按钮3</t-button>
</t-button-group>