Blazor的Telerik UI?下载30天免费试用

卡的行为

每一张Blazor卡都有一个与内容相关的操作按钮的专用区域。这些操作项的内容,以及它们的整体布局和方向,完全可以通过可用的配置选项进行定制。

Telerik按钮组件与k-flat类被设计成适合卡片设计的动作,所以你可以使用它们作为你的首选动作组件。你可以在下面找到它们的例子。

在本文中:

特性

该卡提供以下功能:

  • -字符串-将在动作按钮的主包装容器上呈现的CSS类。

  • 取向-CardOrientation-定义动作按钮的方向。

  • 布局-CardActionsLayout-定义动作按钮的布局。

取向

控件定义按钮的方向取向参数。CardActions.它需要一个元素Telerik.Blazor.CardOrientation枚举:

  • 水平-默认
  • 垂直

改变动作按钮的方向。下面的代码片段的结果。

操作按钮的垂直方向

@*改变动作按钮的方向*@   Card Title   

一些快速的示例文本建立在卡片标题上,并构成卡片内容的大部分。

Action 1 Action 2

布局

控件设置操作按钮的布局布局参数。CardActions.我们支持4种类型的布局——动作容器的开始、中心、结束部分,或者拉伸按钮,这些按钮将用相同的大小填充整个容器。

布局形参的成员Telerik.Blazor.CardActionsLayout枚举:

  • 中心-默认
  • 结束
  • 开始
  • 拉伸

为动作按钮设置拉伸布局。下面的代码片段的结果。

动作按钮与拉伸布局

@*改变动作按钮的布局*@   Card Title   

一些快速的示例文本建立在卡片标题上,并构成卡片内容的大部分。

Action 1 Action 2 Action 3

图标按钮在CardActions区域将水平和垂直展开,如果布局拉伸或者如果取向垂直.如果不希望这样,请查看这篇知识库文章:CardAction图标按钮太大

另请参阅

在本文中
Baidu
map