按钮组

用法

动态生成

通过 ZUI BtnGroup 组件实现，默认拥有 btn-group 类样式，更多用法请参考 ZUI BtnGroup。

zin 声明

btngroup
(
    set::items
    (
        [
            ['hint' => '查看详情', 'icon' => 'icon-search'],
            ['hint' => '编辑', 'icon' => 'icon-edit'],
            ['hint' => '删除', 'icon' => 'icon-trash'],
        ]
    )
);

生成的 HTML

<div class="btn-group">
    <button class="btn" type="button" title="查看详情">
        <i class="icon icon-icon-search"></i>
    </button>
    <button class="btn" type="button" title="编辑">
        <i class="icon icon-icon-edit"></i>
    </button>
    <button class="btn" type="button" title="删除">
        <i class="icon icon-icon-trash"></i>
    </button>
</div>

静态生成

php

btngroup
(
    set::size('sm'),
    btn
    (
        setClass('primary'),
        set::icon('copy'),
        '复制'
    ),
    btn
    (
        setClass('primary'),
        '粘贴'
    ),
    btn
    (
        setClass('primary'),
        '剪切'
    ),
);

生成的 HTML

<div class="btn-group size-sm">
    <button class="primary btn" type="button">
        <i class="icon icon-copy"></i>
        <span class="text">复制</span>
    </button>
    <button class="primary btn" type="button">
        <span class="text">粘贴</span>
    </button>
    <button class="primary btn" type="button">
        <span class="text">剪切</span>
    </button>
</div>

属性

属性名	类型	默认值	说明
items	array	-	按钮属性
disabled	bool	-	是否禁用按钮组
size	'xs'|'sm'|'lg'|'xl'	-	按钮组大小