# BaseEditControl
# Props
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
controls | toggle control buttons | boolean | - | false |
disabled | disable edit button | boolean | - | false |
edit | set edit mode | boolean | - | false |
isLoading | flag to set if loader should be shown (for autocomplete requests | boolean | - | false |
title | define title | string | - | 'Title' |
subtitle | define subtitle | string | - | '' |
renderTitleAs | render title as e.g.: 'h2' | 'h3' | string | - | 'h2' |
editButtonText | define button text. could be string or path to i18n json as well | string | - | 'Edit' |
cancelButtonText | define button text. could be string or path to i18n json as well | string | - | 'Cancel' |
saveButtonText | define button text. could be string or path to i18n json as well | string | - | '' |
editMode | decide 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 | string | save , done | 'save' |
# Events
Event name | Properties | Description |
---|---|---|
activated | undefined PointerEvent - the native pointer event | event emitted by click on edit button |
canceled | undefined PointerEvent - the native pointer event | event emitted by click on cancel button |
saved | undefined PointerEvent - the native pointer event | event emitted by click on save button |
# Slots
Name | Description | Bindings |
---|---|---|
default | title slot |
# Demo
Example of BaseEditControl