mand-mobile/components/tag
MeloHG 560d5017b4
doc(site): 官网首页和“设计”板块视觉升级 (#779)
2022-01-30 09:37:10 +08:00
..
demo doc(site): 官网首页和“设计”板块视觉升级 (#779) 2022-01-30 09:37:10 +08:00
test test: update snapshots 2019-01-29 11:34:25 +08:00
README.en-US.md doc: update preview links 2019-01-29 16:31:24 +08:00
README.md doc: update preview links 2019-01-29 16:31:24 +08:00
component.js Initial commit 2018-03-26 16:04:04 +08:00
index.vue fix(tag): update style & add prop sharp 2018-12-06 16:23:49 +08:00

README.en-US.md

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

For showing the area status

Import

import { Tag } from 'mand-mobile'

Vue.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
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 -