# Button 按钮

# 基本用法:

预览

# 代码示例:

<l-button>默认按钮</l-button>
<l-button icon="settings">左边</l-button>
<l-button icon="settings" iconPosition="right">右边</l-button>
<l-button :loading="loading" @click="loading=!loading">加载中</l-button> <!-- loading:true -->
<l-button disabled>默认按钮</l-button>  

# Attributes

属性 说明 类型 可选值 默认
icon 设置内置的icon String setting,info,left,right,download,loading, down --
iconPositon 图标位置 String left、right left
loading 加载状态 Boolean true、false false

# 进阶用法:

buttongroup效果预览: 可以将上述button组合起来用

# 代码示例:

  <l-button-group>
    <l-button icon="left">上一页</l-button>
    <l-button> 按钮1 </l-button>
    <l-button> 按钮2 </l-button>
    <l-button icon = "right" icon-position="right">下一页</l-button>
  </l-button-group>