Blazor 组件库 BootstrapBlazor 中Tag组件介绍
2022-04-17 19:51
871 查看
Tag组件的样子
Tag组件的介绍
Tag组件是一个非常简单的组件。
<Tag Icon="fa fa-fw fa-check-circle" Color="Color.Success" ShowDismiss="true" OnDismiss="@DismissClick">标签一</Tag>
这些就是Tag组件的所有属性了。
其中最小的样式就是
<Tag>标签一</Tag>
Tag的其他属性
Icon:图标,直接填入FontAwasome的图标名即可。
Color:Tag的底色,可选颜色有
Primary / Secondary / Success / Danger / Warning / Info / Dark
ShowDismiss:是否显示关闭按钮,
true则在Tag最后显示一个关闭按钮。
OnDismiss:配合
ShowDismiss使用,点击Tag的关闭按钮时的回调事件。
相关文章推荐
- Bootstrap Blazor 组件介绍 Table (二)自定义模板列功能介绍
- Bootstrap Blazor 组件介绍
- Bootstrap分布组件使用介绍
- BootstrapBlazor 智能生成神器(一)AutoGenerateColumnAttribute 特性介绍
- BootstrapBlazor--Input 组件
- 创建vue项目步骤、项目目录介绍、es6语法之导入导出、定义并使用组件、集成bootstrap,jQuery,elementui、与后端交互
- BootstrapBlazor 组件库使用体验---Table篇
- Twitter-bootstrap-typeahead——一款模糊查询的jQuery支持ajax的组件介绍
- Bootstrap组件介绍
- BootstrapBlazor - EditorForm 表单组件(一)
- Bootstrap Blazor 组件入门
- java日志组件介绍(common-logging,log4j,slf4j,logback )
- 常用的Struts 2.0的标志(Tag)介绍
- Android四大基本组件介绍与生命周期
- Bootstrap入门(十八)组件12:徽章与巨幕
- java日志组件介绍(common-logging,log4j,slf4j,logback )
- swing组件介绍
- Bootstrap--组件之Glyphicons字体图标
- Bootstrap 组件-按钮式下拉菜单
- 【微服务架构】SpringCloud组件和概念介绍(一)