MudBlazor组件意思及对应的标签

MudBlazor组件
组件页面	组件作用	对应HTml标签	备注
Alert	提示/悬浮框	<MudAlert>
App Bar	头部导航栏	<MudAppBar>
Avatar	用于设置用户个人头像图片、图标或文本，个人头像变更原型、方型	<MudAvatar>
Badge	未读消息提示，用于在消息图标、头像上放红点、消息数量，表示未读消息	<MudBadge>
Breadcrumbs	设置页面面包屑导航	<MudBreadcrumbs>
Breakpoint Provider		<MudBreakpointProvider>
Button	按钮
Button	按钮	<MudButton>
Button FAB	浮动按钮，按钮浮动显示在页面的左下角/右下角、头部	<MudFab>
Button Group	按钮组 ， 按钮组合在一起显示	<MudButtonGroup>
Icon Button	图标按钮 列表操作栏按钮，可以使用这个图标按钮	<MudIconButton>
Toggle Icon Button	切换图标按钮，点击有图标的按钮，可以将按钮给切换成另外一个图标	<MudToggleIconButton>
Card	卡片，已卡片的形式展现动作、文本或图像或图形等内容	<MudCard> 主标签 - <MudCardActions> 卡片的按钮区域 - <MudCardContent> 卡片的主体内容区域 - <MudCardHeader>卡片的头部区域 - <MudCardMedia> 卡片的图像区域
Carousel	轮播图	<MudCarousel>主标签 - <MudCarouselItem> 轮播项目区，几个轮播图片，几个这个区域
Chart	图表
Bar Chart	条形图	<Bar>
Donut Chart	环形饼状图	<Donut>
Line Chart	折线图	<Line>
Pie Chart	饼形图	<Pie>
Chips	状态标签 ，普通标签以及标签中含删除按钮等图标	<MudChip>
ChipSet	标签组，点击标签，标签中出现选中的对勾	<MudChipSet>	主标签，内含<MudChip>
Container	内容容器，一般用于网页，设置网页内容宽度是多少	<MudContainer>
Dialog	弹窗，点击按钮显示弹窗内容	<MudDialog> 主标签 - <MudDialogInstance>- <MudDialogInstance> - <MudDialogProvider>	主标签内含： <DialogContent>弹窗内容区 <DialogActions>弹窗按钮区
Divider	分割线，增加后两个内容之间会显示分割线	<MudDivider>
Drawer	抽屉，是导航弹窗，背景半透明，点击可在上/下/左/右四面显示，可通过按钮控制是否显示	<MudDrawer> 主体标签 - <MudDrawerHeader>-  头部标签设置区 - <MudDrawerContainer>-内容设置区
Drop Zone	拖放内容，可以将一个 div区域的内容，拖放至另外一个div区域中	<MudDropZone>主标签 - <MudDropContainer>-  拖放内容区 - <MudDynamicDropItem>- 拖放项目
Element		<MudElement>
Expansion Panels	扩展面板，一个面板区域，右侧有一个下拉三角，点击三角，可以将内容收缩展开	<MudExpansionPanels>主标签 - <MudExpansionPanel>单独一个面板标签
File Upload	文件上传，点击/拖放 上传文件内容
Focus Trap		<MudFocusTrap>
Form & Inputs	表单及输入
Autocomplete	下拉选项搜索，用于输入内容，可以直接进行搜索	<MudAutocomplete>
Checkbox	复选框	<MudCheckBox>
Field	已输入框的形式展示内容，但是用户不可以输入内容，内容写代码人员确定，展示给用户看	<MudField>
Form	表单验证	<MudForm>
Numeric Field	数字表单验证，用户在输入框中输入非数字等限制内容，会提示用户内容无效	<MudNumericField>
Radio	单选框	<MudRadio>单选标签 - <MudRadioGroup>- 单选按钮组标签	<MudRadioGroup>中包含<MudRadio>
Select	选择框	<MudSelect>主标签 - <MudSelectItem>-选项项目内容	一个选项一个<MudSelectItem>
Slider	滑块，点击线上按钮，控制滑块内容	<MudSlider>
Switch	开关按钮	<MudSwitch>
Text Field	输入框表单，控制表单上图标，展现、提示内容	<MudTextField>
Grid	栅格布局	<MudGrid>主标签 - <MudItem> 栅格项目标签	几个栅格，几个<MudItem>
Hidden		<MudHidden>
Highlighter	突出显示部分文本，荧光笔效果	<MudHighlighter>
Icons	图标	<MudIcon>
Image	图片	<MudImage>
Link	链接	<MudLink>
Lists	列表	<MudList>主菜单 - <MudListItem>  列项目 - <MudListSubheader> 列头部小标签
Menus	菜单，是点击按钮显示下拉子菜单内容的形式	<MudMenu> 菜单主标签 - <MudMenuItem> 菜单项目内容标签
MessageBox	询问对话框框，用于快速用户确认操作	<MudMessageBox>
Nav Menu	导航菜单，是显示在页面左侧的一级、二级树状菜单模式	<MudNavMenu>  主标签 - <MudNavLink> 菜单链接标签 - <MudNavGroup>	<MudNavGroup>用于有二级导航的一级菜单，二级菜单仍用<MudNavLink>，包含在<MudNavGroup>内
Overlay	遮罩层，即黑色的半透明遮罩层	<MudOverlay>
Pagination	分页 用于列表数据分页形式	<MudPagination>
Paper	页面，相当于	<MudPaper>
Picker	选择器
Color Picker	颜色选择器，可以让用户自己手动调颜色	<MudColorPicker>
Date Picker	日期选择器，让用户自己选择日期并有双日期选择确认开始、结束日期	<MudDatePicker>
Time Picker	时间选择器 让用户自己选择时间，选择后，表单上已只会显示时间	<MudTimePicker>
Popover	弹出框，点击显示一个按钮或文字弹出内容，在点击按钮或文字旁边显示	<MudPopover>
Progress	加载中动画、进度条，用于显示页面加载中动画效果，以及事件进度条	<MudProgressCircular> <MudProgressLinear>	<MudProgressCircular> 圆形加载标签 <MudProgressLinear> 线型进度加载
Rating	评分，已图标的形式让用户对某项事进行评分，可控制评分的图标及数量	<MudRating>
Scroll To Top	滚到顶部，点击按钮快速回到顶部	<MudScrollToTop>
Simple Table	简单表格，组件内部，仍使用常规表格元素，例如	<MudSimpleTable>
Skeleton	在数据加载时显示内容的占位符，具体有一个脉动的效果	<MudSkeleton>
Snackbar	角落消息提醒，用于右下角，右上角新消息提醒	<MudSnackbarProvider>
Stack	堆叠，管理其子项沿垂直或水平轴的布局	<MudStack>
Swipe area	滑动区域 仅适用于支持触摸事件的设备（手机端	<MudSwipeArea>
Table	表格 具有多选和分页功能的可排序、可过滤表	<MudTable>	<HeaderContent> 相当于thead <RowTemplate> 相当于tbody <MudTh>相当于th <MudTd>相当于td
Tabs	选项卡，点击选项卡显示对应的内容	<MudTabs> 主标签 - <MudTabPanel>选项卡标签 - <MudDynamicTabs>-	有几个选项卡就有几个<MudTabPanel>
Timeline	时间线，已时间形式记录事情	<MudTimeline>时间线主标签 - <MudTimelineItem> 时间线事件项目
ToolBar	工具栏，可用于放所有的操作按钮，可用于搜索条，或头部按钮操作	<MudToolBar>
Tooltip	按钮提示文字，鼠标移到按钮上，显示提示文字	<MudTooltip>	图标标签包含在该标签内
TreeView	树状图，组织机构树	<MudTreeView>主标签 - <MudTreeViewItem> 树项标签 - <MudTreeViewItemToggleButton>
Typography	文字排版，用于设置文字大小，相当于	<MudText>