7.2. 浮动操作按钮参数

slot

浮动操作按钮的位置。有效值： PAGE_END,BOTTOM_LEFT

enum

PAGE_END

否

label

浮动操作按钮的名称

字符串

Not applicable

是

icon

浮动操作按钮的图标。建议您使用 Material Design 库中的 填充图标。您还可以使用 svg 图标。例如： < svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 24" height="24px" viewBox="0 0 24" width="24px" fill://[e8eaed"> <rect fill="none" height="24" width="24"/> <path d="M11,7L9.6, 8.4l2.6,2.6H2h10.2l-2.6,2.6L11,17l5-5L11,7z M20,19h-8v2h8c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2h-8v2h8V19z"/> </svg&gt;

字符串,React.ReactElement,SVG 镜像图标,HTML 镜像图标

Not applicable

否

showLabel

显示图标旁边的标签

布尔值

Not applicable

否

size

浮动操作按钮的大小

Small,medium,large

中

否

color

组件的颜色。它支持默认和自定义主题颜色，这些颜色添加了来自 grandmaster Getting started 指南。

默认,error,info,继承,主,secondary,成功,警告

default

否

onClick

选择浮动操作按钮时执行操作

React.MouseEventHandler

Not applicable

否

至

选择浮动操作按钮时打开的链接

字符串

Not applicable

否

toolTip

将鼠标悬停在浮动操作按钮时显示的文本

字符串

Not applicable

否

priority

子菜单中显示的浮动操作按钮的顺序。较大的值代表优先级更高。

number

Not applicable

否

visibleOnPaths

在指定路径中显示浮动操作按钮

string[]

在所有路径中显示浮动操作按钮

否

excludeOnPaths

在指定路径上隐藏浮动操作按钮

string[]

在所有路径中显示浮动操作按钮

否