外观

作为剑道UI R1 2022, FloatingActionButton小部件使用全新的渲染。

在本文中，您将找到关于Kendo UI FloatingActionButton的新呈现的信息。

有关这些更改背后的决定的更多信息，请访问设计概述篇文章。

有关实际示例，请访问FloatingActionButton的外观演示．

选项

Kendo UI FloatingActionButton支持以下样式选项:

• 大小-配置组件的整体大小。
• 形状-配置组件的形状。
• fillMode-配置如何将颜色应用到组件。
• themeColor-配置将应用于组件的颜色。
• 圆形的-配置组件的边界半径。

大小

的大小选项控制FloatingActionButton的大小。这个类的结构是k-fab -{大小}．

属性的以下值是可用的大小选择:

• sm小尺寸
• 医学博士中等大小
• lg——大大小
• 没有一个设置

属性的配置，示例如下大小通过小部件配置的组件:

最佳实践

材料设计指南规定:

• 当您配置FloatingActionButton以显示其他相关操作(快速拨号操作)时，您应该仅为按钮配置一个图标，而不带标签。使用标签显示相关操作的附加信息。

• 如果应用程序需要Kendo UI FloatingActionButton的图标和标签，请考虑省略额外的操作。