UNPKG

zent

Version:

一套前端设计语言和基于React的实现

github.com/youzan/zent

youzan/zent

26 lines (19 loc) • 1.01 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
--- title: Badge path: component/badge group: Data Display --- ## Badge Badge normally appears in the upper right corner of the notification or avatar with eye-catching appeal, which is typically used to display the number of unread messages. ### Guides - Badge is used to prompt for new messages, which is placed in the upper right corner or right side of the text or icon. - Badge can display the specific number of new messages. ### API | Property | Description | Type | Default | Alternative | | ---------| ----------------- | ------ | -------------|----------------- | | count | The number of messages to show | int | `0` | | | maxCount | Max count to show | int | `99` | | | dot | Whether to show red dot without number | bool | `false` | `true`, `false` | | showZero | Whether to show badge when count is zero | bool | `false` | `true`, `false` | | className| The custom classname | string | `''` | | | prefix | The custom prefix | string | `'zent'` | |