eo-tag-list
<eo-tag-list>Alias:
<basic.general-tag-list>通用标签列表构件
Examples
Closable
Checkable
Multiple
Disabled
Size
Color
TagStyle
Properties
| Name | Description | Type | Default | Required |
|---|---|---|---|---|
list | 标签列表 | Array<TagListItem | string> | ||
size | 按钮大小 | ComponentSize | "medium" | |
color | 颜色 | TagColor | string | ||
outline | 是否有边线 | boolean | ||
showTagCircle | 显示圆点 | boolean | ||
disabled | 是否禁用 | boolean | ||
closable | 是否允许关闭 | boolean | ||
checkable | 是否允许选择 | boolean | ||
multiple | 是否允许多选 | boolean | ||
tagStyle | 标签自定义样式 | React.CSSProperties |
Events
| Name | Description | Event Detail |
|---|---|---|
check | 选择标签事件 | { item: TagListItem | string | undefined; list: TagListItem[] } |
close | 关闭标签事件 | { item: TagListItem | string | undefined; list: TagListItem[] } |
tag.click | 点击标签事件 | TagListItem | string | undefined |
Type references
TagListItem
TagProps & { text: string; key?: string }ComponentSize
"large" | "medium" | "small" | "xs"TagColorenum
blue = "blue",
"blue-inverse" = "blue-inverse",
cyan = "cyan",
"cyan-inverse" = "cyan-inverse",
geekblue = "geekblue",
"geekblue-inverse" = "geekblue-inverse",
grayblue = "grayblue",
"grayblue-inverse" = "grayblue-inverse",
gray = "gray",
"gray-inverse" = "gray-inverse",
green = "green",
"green-inverse" = "green-inverse",
orange = "orange",
"orange-inverse" = "orange-inverse",
purple = "purple",
"purple-inverse" = "purple-inverse",
red = "red",
"red-inverse" = "red-inverse",
yellow = "yellow",
"yellow-inverse" = "yellow-inverse",
teal = "teal",
"teal-inverse" = "teal-inverse",
pink = "pink",
"pink-inverse" = "pink-inverse",