NcActionTextEditable

Props

Prop name	Description	Type	Values	Default
icon	Icon to show with the action, can be either a CSS class or an URL	string	-	''
title	Title to show next to the icon	string	-	''
closeAfterClick	Whether we close the Actions menu after the click	boolean	-	false
ariaLabel	Aria label for the button. Not needed if the button has text.	string	-	''
id	id attribute of the checkbox element	string	-	() => 'action-' + GenRandomId()
disabled	disabled state of the text area	boolean	-	false
value	value attribute of the input field	string	-	''

Events

Event name	Properties	Description
click		Emitted when the action is clicked
input		Emitted on input events of the text field
update:value		Emitted when the inputs value changes
submit		Emitted on submit of the input field

Slots

Name	Description	Bindings
icon	Manually provide icon

This component is made to be used inside of the Actions component slots. All undocumented attributes will be bound to the textarea. e.g. maxlength

<template>
	<NcActions>
		<NcActionTextEditable value="This is a textarea">
			<template #icon>
				<Pencil :size="20" />
			</template>
		</NcActionTextEditable>
		<NcActionTextEditable :disabled="true" value="This is a disabled textarea">
			<template #icon>
				<Pencil :size="20" />
			</template>
		</NcActionTextEditable>
		<NcActionTextEditable title="Please edit the text" value="This is a textarea with title">
			<template #icon>
				<Pencil :size="20" />
			</template>
		</NcActionTextEditable>
	</NcActions>
</template>
<script>
import Pencil from 'vue-material-design-icons/Pencil'

export default {
	components: {
		Pencil,
	},
}
</script>

NcActionTextEditable #

Props #

Events #

Slots #

NcActionTextEditable

Props

Events

Slots