Tag

For showing the area status

Import

import { Tag } from  'mand-mobile-next'

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

Code Examples

API

Tag Props

PropsDescriptionTypeDefaultValue
sizesize of tagStringlargetiny, small, large
shapeshape of tagStringsquaresquare, circle, fillet, quarter, coupon,bubble
sharpangle of tagString-top-left, top-right, bottom-left, bottom-right
typestyle of tagStringghostfill, ghost
fill-colorbackground color, rgba or hex numberStringrgba(0,0,0,0)-
font-weightfont weightStringnormalnormal, bold, bolder
font-colorfont color, rgba or hex numberString#fc9153-