Xy-badge NPM | npm.io


IE 10+ ✔	Chrome 31.0+ ✔	Firefox 31.0+ ✔	Opera 30.0+ ✔	Safari 7.0+ ✔

xy-badge

徽章组件

安装

# yarn
yarn add xy-badge utils-hooks classnames

使用例子

import React from "react";
import ReactDOM from "react-dom";
import { Badge, BadgeDot, ScrollNumber, ScrollNumberItem } from "xy-badge";
ReactDOM.render(
    <Badge count={10}>
        <a>Link</a>
    </Badge>,
    container
);

API

属性	说明	类型	默认值
positionStyle	悬浮 Badge 样式	React.CSSProperties	-
dot	点模式, 不展示详细数字, 值显示一个小红点	boolean	false
status	状态, 可选值: "success"，"processing"，"default"，"error"，"warning"	string	-
text	设置状态点时的文本	React.ReactNode	-
children	包裹内容	React.ReactNode	-
count	要展示的徽标数	number	-
overflowCount	封顶数值,超过封顶值不滚动数字，而是最追加一个+字符	number	-
showZero	是否显示 0	boolean	false