首页 > 其他分享 >微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor

微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor

时间:2024-06-03 13:00:16浏览次数:27  
标签:C# Fluent 开源 UI Blazor NET

前言

今天大姚给大家分享一个由微软官方开源(MIT License)、免费的Blazor UI组件库:Fluent UI Blazor。

Fluent UI Blazor介绍

Fluent UI Blazor是一个基于Blazor的组件库,提供了一系列的UI组件以及Fluent UI的设计系统。该库可以帮助开发人员快速构建现代化的 Web 应用程序,并且与 Blazor 技术相结合,可以实现高效而灵活的单页应用程序开发。

Blazor是什么?

Blazor是一个使用 .NET框架和C#编程语言Razor语法构建Web应用程序的UI框架,它可以用于构建单页应用(SPA)和 Web服务,它使用编译的C#来操纵HTML DOM来替代JavaScript。Blazor 的目标是让开发人员使用C#编程语言来编写 Web 应用程序,使得C#程序员可以在一个熟悉的编程语言中完成整个应用程序的开发。这样既可以提高开发效率,也可以减少学习成本。

项目源代码

部分UI组件截图

在线使用文档:https://www.fluentui-blazor.net

Checkbox

InputFile

Number field

Radio

Date & Time

Button

Dialog

Wizard

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看

标签:C#,Fluent,开源,UI,Blazor,NET
From: https://www.cnblogs.com/Can-daydayup/p/18227674

相关文章

  • 学习unigui【27】像pg的jsonb一样编辑json。
    varI:Integer;CurrentObject:TJSONObject;FieldName:string;Pair:TJSONPair;functionCreateJSONValueForVariant(constaValue:Variant):TJSONValue;begincaseVarType(aValue)ofvarInteger:Result:=TJSONNumber.Create(Integer(aVal......
  • vue-elementui中el-table跨页选择和v-if导致列错乱/选择框无法显示
    在vue-elementui中使用el-table,当type="selection"的时候,分页数据进行不同页跳转选择需要这种功能的时候我们需要在el-table的标签上为每个el-table-column都创建一个id;所以就用到了row-key="id"这个属性;然后我们就需要在el-table-column为type="selection"添加一个属性reserve......
  • Android基础-UI布局
    在Android开发中,UI布局是构建用户界面(UserInterface)的基础。不同的布局方式可以适应不同的界面需求,实现多样化的界面效果。下面将详细阐述Android中几种常见的UI布局方式,包括它们的功能、优势和劣势,以便开发者在选择布局方式时能够做出更明智的决策。1.LinearLayout(线性布局......
  • centos搭建 squid
    1.安装sudoyuminstallsquid2.备份sudocp/etc/squid/squid.conf/etc/squid/squid.conf.bak3.设置用户和组sudotouch/etc/squid/passwordssudochownsquid:squid/etc/squid/passwordssudochmod400/etc/squid/passwords4.安装htpasswdsudoyuminstallhttp......
  • OC语言学习——UI(一)
      目录  UIView1.UIView的基础概念2.UiView的层级关系UIWindowUIViewController1.UIViewController基础2.UIViewController的使用定时器和视图移动UISwitch控件步进器和分栏控件警告对话框和操作表UITextFieldUIScrollView基础滚动视图的高级功能UIView......
  • swiftUI使用VideoPlayer和AVPlayer播放视频
    使用VideoPlayer包播放视频:https://github.com/wxxsw/VideoPlayer提供一些可供测试的视频链接,不保证稳定可用哦:https://vfx.mtime.cn/Video/2019/06/15/mp4/190615103827358781.mp4https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4https://vfx.mtime.cn/Video/2019/......
  • 【swagger】@ApiImplicitParam注解Integer类型required=true时不能提交、@ApiImplicit
    文章目录一、问题描述二、问题原因三、解决方法3.1、修改dataType=int3.2、修改dataType=Long3.3、修改dataType类型为String类型3.4、当dataType类型为Integer时,删除required=true以下内容基于swagger2.9.2进行讲解<!--swagger2--><dependency> <groupId>io.sp......
  • 【AI Generated】NaiveUI实战
    NaiveUI实战目录引言准备工作NaiveUI基础3.1安装与配置3.2快速开始常用控件4.1Button按钮4.2Input输入框4.3Select选择框4.4Checkbox复选框4.5Radio单选框4.6Switch开关4.7DatePicker日期选择器4.8TimePicker时间选择器4.9Form表单4.1......
  • Flutter开发效率提升1000%,Flutter Quick教程之对写好的Widget进行嵌套
    通常写代码的时候,我们是先写好外面的Widget,再写里面的Widget。但是,也有的时候,我们写好了一个Widget,但是我们觉得有必要再在外面嵌套一个Widget,这时候应该怎么做呢?(还有其他方式,本篇讲的就是快捷的方式)1,首先,我们左键选中要嵌套的Widget。2,这时候,我们要选择的嵌套在外面的Widge......
  • [DotNetGuide]C#/.NET/.NET Core优秀项目和框架精选
    前言注意:排名不分先后,都是十分优秀的开源项目和框架,每周定期更新分享(欢迎关注公众号:追逐时光者,第一时间获取每周精选分享资讯......