On this page

NcAutoCompleteResult

Props

Prop name	Description	Type	Values	Default
label		string	-
subline		string	-	null
id		string	-	null
icon		string	-
source		string	-
status		object\|array	-	() => ({})

NcMentionBubble

Props

Prop name	Description	Type	Values	Default
id		string	-
label		string	-
icon		string	-
source		string	-
primary		boolean	-	false

NcRichContenteditable

Props

Prop name	Description	Type	Values	Default
userData		object	-	{}
value		string	-	''
placeholder		string	-	t('Write message, use "@" to mention someone, use ":" for emoji autocompletion …')
autoComplete		func	-
menuContainer		Element	-	() => document.body
multiline	Make the contenteditable looks like a textarea or not. Default looks like a single-line input. This also handle the default enter/shift+enter behaviour. if multiline, enter = newline; otherwise enter = submit shift+enter always add a new line. ctrl+enter always submits	boolean	-	false
contenteditable	Is the content editable ?	boolean	-	true
disabled	Disable the editing and show specific disabled design	boolean	-	false
maxlength	Max allowed length	number	-	null
emojiAutocomplete	Enable or disable emoji autocompletion	boolean	-	true

Events

Event name	Properties	Description
Event paste the original paste event
submit
paste		The original paste event
update:value

General description

This component displays contenteditable div with automated @ [at] autocompletion and : [colon] emoji autocompletion.

Examples

loading...