---
title: Tag
preview: https://didi.github.io/mand-mobile/examples/#/tag
---

For showing the area status 

### Import

```javascript
import { Tag } from 'mand-mobile'

Vue.component(Tag.name, Tag)
```

### Code Examples
<!-- DEMO -->

### API

#### Tag Props
| Props | Description | Type | Default | Value |
|----|-----|------|------|------|
|size| size of tag  |String|`large`|`tiny`, `small`, `large`|
|shape| shape of tag |String|`square`|`square`, `circle`, `fillet`, `quarter`, `coupon`|
|sharp|angle of tag|String|-|`top-left`, `top-right`, `bottom-left`, `bottom-right`|
|type| style of tag |String|`ghost`|`fill`, `ghost`|
|fill-color| background color, `rgba` or `hex number`|String|`rgba(0,0,0,0)`|-|
|font-weight| font weight |String|`normal`|`normal`, `bold`, `bolder`|
|font-color| font color, `rgba` or `hex number`|String|`#fc9153`|-|