fc-editable

An element that give you edit powers!

Usage

<script>
   import '@forter/editable';
</script>

<fc-editable html>
  <span>fc-editable is editable.</span>
</fc-editable>

Properties

| Property | Attribute | Type | Description | |-------------------|------------|-----------|------------------------------------------| | disabled | disabled | boolean | If the element is disabled | | editableContent | | string | set the correct content by html property | | editmode | editmode | boolean | If the element is in edit mode | | html | html | boolean | If the element is passing full html |

Events

| Event | Description | |----------|--------------------------------------------------| | cancel | event with the text that was copied, example: {} | | save | event with the text that was copied, example: {"content": "fc-editable is editable."} |

CSS Custom Properties

| Property | Description | |--------------------------------|---------------------------------------------| | --fc-editable-border-active | editable border, example: 1px dashed gold | | --fc-editable-border-radius | radius. example: 30px radius. | | --fc-editable-disabled-color | disabled color. example: gray | | --fc-editable-padding | padding. example: 20px |