Skip to content

BaseEditControl

Props

Prop nameDescriptionTypeValuesDefault
controlstoggle control buttonsboolean-false
disableddisable edit buttonboolean-false
editset edit modeboolean-false
isLoadingflag to set if loader should be shown (for autocomplete requestsboolean-false
titledefine titlestring-'Title'
subtitledefine subtitlestring-''
renderTitleAsrender title as e.g.: 'h2' | 'h3'string-'h2'
editButtonTextdefine button text.
could be string or path to i18n json as well
string-'Edit'
cancelButtonTextdefine button text.
could be string or path to i18n json as well
string-'Cancel'
saveButtonTextdefine button text.
could be string or path to i18n json as well
string-''
editModedecide on buttons presented in edit mode.
save: element has a 'save' and 'cancel' button
done: element solely has a 'done' button. this button is also emitting
a saved event when clicked and uses the saveButtonText
stringsave, done'save'

Events

Event namePropertiesDescription
savedundefined PointerEvent - the native pointer eventevent emitted by click on save button
canceledundefined PointerEvent - the native pointer eventevent emitted by click on cancel button
activatedundefined PointerEvent - the native pointer eventevent emitted by click on edit button

Slots

NameDescriptionBindings
defaulttitle slot

Demo

Example of BaseEditControl