vant/packages/tag/en-US.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="success">Tag</van-tag>
<van-tag type="primary">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>

API

Attribute	Description	Type	Default
type	Type, can be set to primary success danger	String	''
plain	Whether to be plain style	Boolean	false
round	Whether to be round style	Boolean	false
mark	Wtether to be mark style	Boolean	false

Slot

name	Description
-	Default slot