# 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