Tag
For showing the area status
Import
import { Tag } from  'mand-mobile-next'
Vue.createApp().component(Tag.name, Tag)
Code Examples
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,bubble | 
| 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, rgbaorhex number | String | rgba(0,0,0,0) | - | 
| font-weight | font weight | String | normal | normal,bold,bolder | 
| font-color | font color, rgbaorhex number | String | #fc9153 | - | 
 Mand Mobile
 Mand Mobile