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, 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 | - |
Mand Mobile