Tags标记(CSS)

可以单独使用tag标签,也可以用tags标签包裹tag标签来统一设定标记外观颜色、尺寸和边框样式;tag和tags是Tags组件和模块的基础。

简单使用

Tags标签常用在兴趣、分类、条件等多选情况中。使用_tag表示内容标签,如果需要以容器形式放置标签,请使用_tags父层包裹。

  • 输出
  • HTML
  • 单个Tag标签
    多个Tag标签 以_tags包裹 风格统一 参数统一
  •                 
                    
                

主题

对单个tag可使用theme属性来定义标记的主题颜色,支持的值包括:primsuccerrorwarninfoissuetextbriefignore

  • 输出
  • HTML

如果使用_tags父标签包裹,那么可通过对_tags标签设定theme属性以统一设定子tag的风格。

  • 输出
  • HTML
  • 中国 新加坡 澳大利亚 俄罗斯
  •                 
                    
                

Attrs属性

对于单个tag和tags组,可使用相同的attrs属性。

属性名 可选值 默认值 说明
theme 'prim'/'succ'/'error'/'warn'/'info'/'issue'/
'text'/'brief'/'ignore'
'' 颜色主题
size 'sm'/'md'/'lg' 'md' 尺寸
borderless ''/undefined undefined 是否取消边框,使用则取消边框
shape 'round'/'radius'/'square' 'radius' 边框外型
compact ''/undefined undefined 是否紧凑,使用则表示紧凑
type 'plain'/'' undefined 标签类型