1.2.0 • Published 2 years ago
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 |