跳到主要内容

标签

Loading...
<CTag label="一个标签" />
折叠/展开 代码

主题​

Loading...
<div className="c-row c-gutter-x-md c-items-center">

  <div>

    <CTag label="主色（默认）" />

  </div>

  <div>

    <CTag label="辅色" theme="secondary" />

  </div>

  <div>

    <CTag label="警告色" theme="warning" />

  </div>

  <div>

    <CTag label="消极色" theme="negative" />

  </div>

</div>
折叠/展开 代码

圆角​

Loading...
<CTag rounded label="圆角标签" />
折叠/展开 代码

尺寸​

Loading...
<div className="c-row c-gutter-x-md c-items-center">

  <div>

    <CTag label="超小标签" size="xs" />

  </div>

  <div>

    <CTag label="小标签" size="sm" />

  </div>

  <div>

    <CTag label="中等（默认）标签" />

  </div>

  <div>

    <CTag label="大标签" size="lg" />

  </div>

  <div>

    <CTag label="超大标签" size="xl" />

  </div>

</div>
折叠/展开 代码

可关闭​

Loading...
<div className="c-row c-gutter-x-md c-items-center">

  <div>

    <CTag closeable label="可关闭" size="xs" theme="secondary" />

  </div>

  <div>

    <CTag closeable label="可关闭" size="sm" />

  </div>

  <div>

    <CTag closeable label="可关闭" theme="warning" />

  </div>

  <div>

    <CTag closeable label="可关闭" size="lg" />

  </div>

  <div>

    <CTag closeable label="可关闭" size="xl" theme="negative" />

  </div>

</div>
折叠/展开 代码

Props​

名称 (*代表必须)描述类型默认值
No Data