`easy-edit-`
. If would like to style all EasyEdit
components then you could overwrite all the default classes that the library providesEasyEdit
components are wrapped around a div with the class easy-edit-wrapper
in it. If the component's allowEdit
prop is set to false, then class easy-edit-not-allowed
is added to the wrapper div which just changes the mouse cursor to π« (not allowed). In case of hovering over it, the class easy-edit-hover-on
is appended to it which changes the cursor to π (pointer) and applies an italic style to the placeholder/value.EasyEdit
components are wrapped around a div with the class easy-edit-inline-wrapper
in it but this time, we have a few more containers.easy-edit-component-wrapper
.easy-edit-instructions
will be generated and placed within the main container. In not then no div container will be generated for instructionseasy-edit-button
.EasyEdit
component, then a validation message is shown back to the user which is wrapped around a div with the class easy-edit-validation-error
. By default, the styling that's applied to the component just changes the font color to red.