Badge-DEMO

---

<fv-Badge :modelValue="3">
    <fv-button>Badge</fv-button>
</fv-Badge>

Badge Different Type

---

Success

<fv-Badge :modelValue="12" type="success">
    <fv-button>Badge</fv-button>
</fv-Badge>

Warning

<fv-Badge :modelValue="2" type="warning">
    <fv-button>Badge</fv-button>
</fv-Badge>

Primary

<fv-Badge :modelValue="9" type="primary">
    <fv-button>Badge</fv-button>
</fv-Badge>

Badge Customize Content

---

<fv-Badge value="You">
    <fv-button>Badge</fv-button>
</fv-Badge>

Badge Max Value

---

<fv-Badge value="100" max="99">
    <fv-button>Badge</fv-button>
</fv-Badge>

Badge Dot

---

<fv-Badge :isDot="true">
    <fv-button>Badge</fv-button>
</fv-Badge>

Propoties

---

属性(attr)	类型(type)	必填(required)	默认值(default)	说明(statement)
value	[string,number]	Yes	N/A
max	Number	No	Infinity
isDot	Boolean	No	false
hidden	Boolean	No	false
type	['primary','success','warning','danger','info',string(color)]	No	default	Badge类型, 可以输入颜色字符串

Slot

---

1. Default

<fv-badge>
    <div></div>
</fv-badge>