UNPKG

zent

Version:

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

45 lines (34 loc) • 1.59 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
--- title: Mention path: component/mention group: Data Entry --- ## Mention Use `Mention` when you need to mention someone or something when typing, e.g. @somebody. ### API | Property | Description | Type | Required | Default | Alternative | |------|------|------|--------|--------|-----| | value | Input content value | `string` | Yes | | | | onChange | Callback when input content changes | `(val: string): void` | Yes | | | | onSearchChange | Callback when mention search keyword changes | `(search: string): void` | No | | | | multiLine | Multi line input | `bool` | No | `false` | `true` | | position | Popup position relative to text | `string` | No | `bottom` | `top` | | suggestions | Suggestions for current mention | `array` | No | | | | suggestionNotFoundContent | Content to display when no suggestion found | `node` | No | `'No results found, press SPACE to finish typing'` | | | triggerText | Text to trigger a mention | `string` | No | `'@'` | | | className | Custom class name | `string` | No | | | > `Mention` supports all `Input` props，e.g. `placeholder`. #### Supported `suggestions` data types Every item in `suggestions` can be one of: * `string` * `number` * `object` Item object structure: | Property | Description | Type | Required | |------|------|------|--------| | value | Item value | `string` | Yes | | content | Item display content，defaults to `value` if omitted | `node` | No | | isGroup | Group item | `bool` | No | | isDivider | Divider item | `bool` | No | | icon | Show item icon | `string` | No | | disabled | Disable item | `bool` | No |