Bootstrap Blazor - 一套企业级 UI 组件库

Tag 标签

用于标记和选择。

基本用法

页面中的非浮层元素，不会自动消失。

Demo

标签一

标签二

标签三

标签四

标签五

标签六

标签七

<Tag Color="Color.Primary">标签一</Tag>
<Tag Color="Color.Secondary">标签二</Tag>
<Tag Color="Color.Success">标签三</Tag>
<Tag Color="Color.Danger">标签四</Tag>

关闭按钮

提供关闭按钮的标签

Demo

标签一

标签二

标签三

标签四

标签五

标签六

标签七

<Tag Color="Color.Primary" ShowDismiss="true" OnDismiss="@DismissClick">标签一</Tag>
<Tag Color="Color.Secondary" ShowDismiss="true" OnDismiss="@DismissClick">标签二</Tag>

带 Icon

表示某种状态时提升可读性。

Demo

标签一

标签二

标签三

标签四

标签五

标签六

<Tag Icon="fa fa-check-circle" Color="Color.Success">标签一</Tag>
<Tag Icon="fa fa-warning" Color="Color.Warning">标签二</Tag>

Tag 标签

用于标记和选择。

基本用法

Demo

关闭按钮

Demo

带 Icon

Demo

Attributes 属性

事件 Events