foundation-editable-control¶

foundation-editable-control is a control for foundation-editable.

Markup¶

.foundation-editable-control¶

Indicates the control.

Upon activation or Enter keydown, the editor of the element is shown. It is thus RECOMMENDED to also specify the tabindex attribute to make it keyboard navigable.

Selector Rule:

.foundation-editable.foundation-editable-control

Example¶

<span
  class="foundation-editable foundation-editable-control"
  tabindex="0"
  data-foundation-editable-editor="foundation.text">My editable text. Click to edit.</span>

Relationship Graph¶