按钮组

简介

按钮组组件件是一个可以放置一个或多个按钮的魔笔基础组件

image

配置项

分类

配置

示例

说明

内容

元组项

image

Button.Group 中的每个 Button 组件

编辑节点

编辑节点

image

编辑每个 Button 组件的属性,配置及样式

标签

image

用于节点标识和说明

固定宽度

image

是否开启固定宽度

宽度

image

可以设置宽度

隐藏

image

隐藏,详情参见通用属性

类型

image

设置节点类型,可选项:按钮、文本、链接、图标、头像、标签、状态

配置

按钮文字

image

按钮上显示的文本内容

按钮类型

image

设置按钮类型,可选项:主要按钮,默认按钮、虚线按钮、文本按钮、链接按钮

开启徽标

image

是否展示徽标

徽标配置

image

开启徽标后,可以配置徽标属性

悬浮提示

image

是否展示悬浮提示

悬浮提示配置

image

开启「悬浮提示」后,可以配置悬浮提示属性

交互类型

image

可以设置交互类型,按钮的交互类型, 当按钮交互类型为提交或重置时,会自动触发表单提交或重置

加载

image

显示加载动画

禁用

image

控制组件是否禁用。禁用的组件展示为灰色,提示用户该组件不可用

幽灵样式

image

是否展示幽灵样式

危险按钮

image

展示危险按钮标记,强调操作的高风险,通常用于涉及数据丢失、账户删除或其他不可逆转操作的按钮

按钮形状

image

按钮展示形状,可以设置默认、圆形和圆角三种形状

圆角

image

详情参见通用属性

按钮内容字体大小

image

按钮内容字体大小

按钮内容字体行高

image

按钮内容字体行高

样式

高度

image

按钮组高度,详情参见通用属性

外边距

image

组件和其他组件之间的边距,详情参见通用属性

字体大小

image

文本内容的字体大小

允许换行

image

用于指定文本是否单行显示

水平布局

image

组件组水平对齐方式,可选项:左对齐、右对齐、居中、两端对齐、均分

垂直布局

image

组件组垂直对齐方式,可选项:顶部对齐、居中、底部对齐

间距

image

按钮组按钮和按钮之间的间距

交互

隐藏

image

隐藏,详情参见通用属性

隐藏时保留布局

image

是否在隐藏时保留布局

事件回调

事件名

说明

image

组件点击时的回调