Tag 标签

用于展示1个或多个文字标签，可点击切换选中、不选中的状态。

使用指南

在 Taro 文件中引入组件

:::demo

  1. import { AtTag } from 'taro-ui'

:::

用法

:::demo

  1. <AtTag>标签</AtTag>
  2. <AtTag type='primary' circle>标签</AtTag>
  3. <AtTag size='small'>标签</AtTag>

:::

点击事件

:::demo

  1. <!-- 点击返回当前标签名字和是否选中 -->
  2. <AtTag 
  3.   name='tag-1' 
  4.   type='primary' 
  5.   circle 
  6.   onClick={this.onClick.bind(this)}
  7. >
  8.   tag-1
  9. </AtTag>

:::

Tag 参数

参数 说明 类型 可选值 默认值
size 大小尺寸 String normal, small normal
type 样式类型 String primary -
name 标签名字 String - -
circle 是否大圆角 Boolean - false
active 是否为选中态 Boolean - false
disabled 是否为禁用态 Boolean - false

Tag 事件

事件名称 说明 返回参数
onClick 点击标签时触发，返回标签名字和状态 name, active