componentStyles () {
      return {
        outline: 'none',
        _focus: {
          shadow: 'outline'
        },
        ...sharedEditableProps,
        width: 'full',
        _placeholder: {
          opacity: '0.6'
        }
      }
    }
CEditableInput component

The edit view of the component. It shows when you click or focus on the text.

@extends CPseudoBox
@see Docs https://vue.chakra-ui.com/editable