ButtonGroup 按钮组控件

此控件可以描述为是按钮的布局辅助。

添加

修改

删除

保存

<c-buttongroup>
    <c-button>添加</c-button>
    <c-button>修改</c-button>
    <c-button>删除</c-button>
    <c-button>保存</c-button>
</c-buttongroup>

显示代码

带分割内容的按钮组

保存

取消

<c-buttongroup>
    <c-button class="primary">保存</c-button>
    <separator text="或"></separator>
    <c-button>取消</c-button>
</c-buttongroup>

显示代码

纵向按钮组

按钮控件常用事件有initDom,refreshDom,click,dbclick等，更多事件请查阅API文档

添加

修改

删除

保存

<c-buttongroup class="vertical">
    <c-button>添加</c-button>
    <c-button>修改</c-button>
    <c-button>删除</c-button>
    <c-button>保存</c-button>
</c-buttongroup>

显示代码

图标按钮组

按钮的图标默认支持Semantic-UI Icon 库中所有图标。

<c-buttongroup class="icon">
    <c-button icon="play"></c-button>
    <c-button icon="pause"></c-button>
    <c-button icon="shuffle"></c-button>
</c-buttongroup>

显示代码