Miss any of our Open RFC calls?Watch the recordings here! »

@forter/editable

1.1.5 • Public • Published

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

Install

npm i @forter/editable

DownloadsWeekly Downloads

58

Version

1.1.5

License

Apache-2.0

Unpacked Size

43.8 kB

Total Files

37

Last publish

Collaborators

  • avatar
  • avatar
  • avatar