为Blazor开发Telerik UI

Blazor卡

  • 使用Blazor Card组件可以漂亮地显示您博客中的文章、餐厅应用程序中的菜单或旅行社网站中的目的地。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,以完美适合任何应用程序的需求。
  • Blazor UI套件还配有专业设计的主题,只需轻按开关,文档处理库,丰富的文档和演示,帮助您立即开始。
为Blazor套件的Telerik UI
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • 概述

    卡片是现代UI系统中非常流行的元素。它们作为内容容器的灵活性是它们在web应用中如此具有吸引力的原因。用Blazor Card组件的Telerik UI漂亮地显示您博客中的文章、餐厅应用程序中的菜单或旅行社网站中的目的地。
    Telerik UI或Blazor卡-概述
  • 布局

    Card组件的布局由多个构建块组成,包括页眉、图像、主体、页脚的占位符和操作列表。您可以选择您需要的块来为您的用例创建完美的布局。卡片可以被组织在不同的容器中,如列表或牌组,以改变卡片的布局方向。

    查看不同的Blazor卡片布局
    Telerik UI为Blazor卡-自定义布局
  • 取向

    卡的方向可以通过改变朝向属性轻松切换。卡片默认为垂直,并在身体下方显示图像。当处于水平状态时,图像显示在主体的左侧。
    Telerik UI为Blazor卡定位
  • 动态卡片绘制

    如果你将卡片的数据存储在一个可枚举的容器中,你可以通过在Razor代码中执行@foreach来呈现与该数据对应的所有卡片。
    Telerik UI为Blazor卡-数据卡
  • 配置

    Card组件还可以包含可扩展的头文件。这种灵活性允许您同时显示多个卡片。您可以控制的另一个元素是组件底部的操作,它可以根据卡牌进行配置。

    Telerik UI的例子为Blazor卡与扩展头
    卡-可扩展
  • 卡主题

    主题可以与Card组件一起使用,以快速生成经常使用的效果,如错误或信息消息,或者当您想为特定目的对卡片进行颜色编码时。
    为Blazor卡片主题的Telerik UI

所有Blazor组件

下一个步骤

发射演示

请参阅用于Blazor的Telerik UI,看看它可以做多少开箱即用的工作。

下载免费试用

尝试为Blazor提供专门的技术支持的Telerik UI。

Baidu
map