mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-30 06:09:34 +08:00
Code Issues Actions 33 Packages Projects Releases Wiki Activity
20fa17b8b1
ant-design/components/badge/index.en-US.md
MuYu fb0b4f0fc9 docs: show version Number features were added (#17373) 
* docs: add api first appearance

* docs: fix auto-complete doc

* docs: replace Version Added with Version

* docs: date picker common method

* docs: date picker common method

* docs: tree

* docs: remove meaningless 3.0.0
2019-07-11 14:14:33 +08:00

1.2 KiB
Raw Blame History

category type title
Components Data Display Badge

Small numerical value or status descriptor for UI elements.

When To Use

Badge normally appears in proximity to notifications or user avatars with eye-catching appeal, typically displaying unread messages count.

API

<Badge count={5}>
  <a href="#" className="head-example" />
</Badge>

<Badge count={5} />
Property Description Type Default Version
color Customize Badge dot color string - 3.16.0
count Number to show in badge ReactNode
dot Whether to display a red dot instead of count boolean false
offset set offset of the badge dot, like[x, y] [number, number] -
overflowCount Max count to show number 99
showZero Whether to show badge when count is zero boolean false
status Set Badge as a status dot success | processing | default | error | warning ''
text If status is set, text sets the display text of the status dot string ''
title Text to show when hovering over the badge string count 3.5.0