@forter/editable
v1.2.0
Published
editable from Forter Components
Downloads
7
Readme
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
|