Skip to content

tag

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History
 
 

tag

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
demo
demo
 
 
test
test
 
 
README.md
README.md
 
 
README.zh-CN.md
README.zh-CN.md
 
 
index.less
index.less
 
 
index.tsx
index.tsx
 
 

README.md

Tag

Install

import { Tag } from 'vant';

Vue.use(Tag);

Usage

Basic Usage

<van-tag>Tag</van-tag>
<van-tag type="danger">Tag</van-tag>
<van-tag type="primary">Tag</van-tag>
<van-tag type="success">Tag</van-tag>

Plain style

<van-tag plain>Tag</van-tag>
<van-tag plain type="danger">Tag</van-tag>
<van-tag plain type="primary">Tag</van-tag>
<van-tag plain type="success">Tag</van-tag>

Round style

<van-tag round>Tag</van-tag>
<van-tag round type="danger">Tag</van-tag>
<van-tag round type="primary">Tag</van-tag>
<van-tag round type="success">Tag</van-tag>

Mark style

<van-tag mark>Tag</van-tag>
<van-tag mark type="danger">Tag</van-tag>
<van-tag mark type="primary">Tag</van-tag>
<van-tag mark type="success">Tag</van-tag>

Custom Color

<van-tag color="#f2826a">Tag</van-tag>
<van-tag color="#f2826a" plain>Tag</van-tag>
<van-tag color="#7232dd">Tag</van-tag>
<van-tag color="#7232dd" plain>Tag</van-tag>
<van-tag color="#ffe1e1" text-color="#ad0000">Tag</van-tag>

Custom Size

<van-tag>Tag</van-tag>
<van-tag size="medium">Tag</van-tag>
<van-tag size="large">Tag</van-tag>

API

Props

Attribute Description Type Default
type Type, can be set to primary success danger string default
size Size, can be set to large medium string -
color Custom color string -
plain Whether to be plain style boolean false
round Whether to be round style boolean false
mark Whether to be mark style boolean false
text-color Text color string white

Slots

Name Description
default Default slot

Events

Event Description Arguments
click Triggered when clicked event: Event