Ant Design Blazor
Tag标签
进行标记和分类的小标签。
何时使用
- 用于标记事物的属性和维度。
- 进行分类。
Examples
基本标签的用法，可以通过添加 closable 变为可关闭标签。可关闭标签具有 OnClose 和 OnClosing 两个事件。
用数组生成一组标签，可以动态添加和删除。
通过 visible 属性控制关闭状态。
当需要在 Tag 内嵌入 Icon 时，可以设置 icon 属性，或者直接在 Tag 内使用 Icon 组件。
如果想控制 Icon 具体的位置，只能直接使用 Icon 组件，而非 icon 属性。
Tag 在关闭前，可以通过 OnClosing 事件中，用 Cancel 属性来取消关闭。
Tag API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| ChildContent | 属性标签内容 | RenderFragment | -- |
| Closable | 属性标签是否可以关闭 | Boolean | false |
| Checkable | 属性Tag是否可以查询 | Boolean | false |
| Checked | 属性检查标签的状态 | Boolean | false |
| CheckedChanged | 属性选中/取消选中 Tag 时执行的回调 | EventCallback<Boolean> | -- |
| Color | 属性标记颜色。可以是预定义颜色（字符串）或十六进制颜色。 | String | default |
| PresetColor | 属性PresetColor 列表中的标记颜色Use Color instead by passing the string of the enum value Obsolete 将在未来的版本中删除。 |
PresetColor? | -- |
| Icon | 属性设置标签的图标 | String | -- |
| IconTheme | 属性'填充' |'大纲' |'双音'; | String | -- |
| NoAnimation | 属性Parameter is not used and does not affect functionality Obsolete 将在未来的版本中删除。 |
Boolean | -- |
| OnClose | 属性标签关闭时执行的回调 | EventCallback<MouseEventArgs> | -- |
| OnClosing | 属性在真正关闭之前触发，可以防止关闭 | EventCallback<CloseEventArgs<MouseEventArgs>> | -- |
| OnClick | 属性单击标签时执行的回调（单击关闭图标时不调用）。 | EventCallback | -- |
| Visible | 属性Tag是否关闭 | Boolean | true |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |