Tag 标签

进行标记和分类的小标签。

Tag

Props

Prop NameTypeRequiredDefaultDescription
styleType
enum
'default'
样式风格
closable
bool
是否显示关闭按钮
onClose
func
关闭回调
icon
union
自定义前置 icon
disabled
bool
是否禁用
customStyle
shape
自定义样式

说明

这是 Tag 组件,用作属性标签等标识

演示

功能演示

VIEW CODE ( LIVE )

样式风格 - styleType

VIEW CODE ( LIVE )

是否可关闭 - closable

VIEW CODE ( LIVE )

是否禁用 - disabled

VIEW CODE ( LIVE )

自定义 icon - icon

VIEW CODE ( LIVE )

自定义样式 - customStyle

VIEW CODE ( LIVE )

Group

Props

Prop NameTypeRequiredDefaultDescription
compact
bool
紧凑型布局

说明

  • 这是 Tag 的 Group 组件,用于包裹 Tag,并提供紧凑型布局

演示

  • 功能演示
VIEW CODE ( LIVE )
  • 紧凑布局 - compact
VIEW CODE ( LIVE )

Icon

Props

Prop NameTypeRequiredDefaultDescription
icon
union
自定义 icon
prefix
string
同 Icon 组件 prefix
styleType
enum
样式风格
customStyle
shape
自定义样式

说明

  • 这是只有 Icon 的 Tag 组件,用作纯 Icon 标识

演示

功能演示

VIEW CODE ( LIVE )

样式风格 - styleType

VIEW CODE ( LIVE )

自定义 icon - icon

VIEW CODE ( LIVE )

自定义样式 - customStyle

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司