button

---

通用按钮组件 建议使用button标签，a, div也是允许的。

---

演示

默认

<button class="ui-btn">
    Click Here
</button>

Size

<button class="ui-btn ui-btn-small">
    Click Here
</button>
<button class="ui-btn">
    Click Here
</button>
<button class="ui-btn ui-btn-medium">
    Click Here
</button>
<button class="ui-btn ui-btn-large">
    Click Here
</button>

示例一: 主要按钮

<div class="ui-btn ui-btn-primary">
    Click Here
</div>

示例二: 次要按钮

<a class="ui-btn ui-btn-secondary">
    Click Here
</a>

示例三: 危險按钮

<span class="ui-btn ui-btn-danger">
    Click Here
</span>

示例四: 反向按钮

<button class="ui-btn ui-btn-inverse">
    Click Here
</button>

示例五: 不同tag

<div class="ui-btn ui-btn-primary">
    Click Here
</div>
<a class="ui-btn ui-btn-danger">
    Click Here
</a>
<button class="ui-btn ui-btn-inverse">
    Click Here
</button>
<input class="ui-btn ui-btn-secondary" type="button" value="Click Here">