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>